子セレクターと子孫セレクターが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;
}
グループ化はどのように適切に組み合わせる必要がありますか?