Вложенный селектор CSS3

Question 1

Как я мог заставить работать следующее?

.menu a {
     text-decoration: none;

     :active {
         color: #666;
     }

     :link {
         color: #666;
     }

     :hover {
         color: #666;
     }
 }

Я знаю, что он недействителен (или, по крайней мере, идентификатор не работает), как я могу это исправить? Я хотел бы упростить дальнейшее программирование, поэтому я хотел бы поместить: (селектор) внутри тега "a". Ps .: Я действительно не хочу использовать для этого SASS или какой-либо фреймворк.

css

0

Kiss Koppány 27 Авг 2014 в 04:37

2

Это не поддерживается. вы можете исправить это, запустив его через меньший компилятор.

–

Daniel A. White

27 Авг 2014 в 04:39

1

Вы можете просто поместить селекторы снаружи и сделать для них отступ; у этого будет рабочий код и код с отступом, как вы хотели

–

lewisjb

27 Авг 2014 в 04:39

Answer

То, что вы показываете в примере кода, не является действительным CSS.

Я знаю, что вы упомянули, что не хотите использовать SASS или какой-либо фреймворк, но именно поэтому были разработаны SASS и другие препроцессоры CSS (например, LESS). Эта статья содержит больше информации о препроцессорах CSS.

В качестве альтернативы вы можете повторить «родительские» селекторы и сделать соответствующий отступ:

.menu a {
    text-decoration: none;
}

    .menu a:active {
        color: #666;
    }

    .menu a:link {
        color: #666;
    }

    .menu a:hover {
        color: #666;
    }

1

rink.attendant.6 27 Авг 2014 в 04:44

1

Или даже лучше, .menu a: active, .menu a: link, .menu a: hover {color: # 666;}, чтобы он оставался СУХИМ

–

Santiago Rebella

27 Авг 2014 в 04:55

Question 2