Как правильно сочетать группировку с селекторами потомков и потомков? - PullRequest
Новая
       12

Как правильно сочетать группировку с селекторами потомков и потомков?

0 голосов
/ 29 марта 2010

Дочерние и дочерние селекторы просочились в каждый элемент моей html-структуры, и я обнаружил, что это происходит, когда я объединяю с ним группировку.

Это влияет на все элементы всего документа: 

ul#topnav > li a, a:hover, a:focus{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

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

ul#topnav > li > a{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

ul#topnav > li > a:hover{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

ul#topnav > li > a:focus{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}

Как правильно комбинировать группировку?

1 Ответ

1 голос
/ 29 марта 2010

Вы были очень близки. Группировка CSS требует повторения полного селектора (ul#topnav > li): 

ul#topnav > li > a, 
ul#topnav > li > a:hover,
ul#topnav > li > a:focus{
 font-size: 14px;
 color: #C2C5CC;
 text-decoration: none;
 padding:0px;
}
...