Question

我想将相同的风格应用于

a, a:hover

驻留在id，class和element中的元素。什么是最有效和最有效的语法？

示例：

#leftmenu .shortcuts ul li a, a:hover {
  text-decoration: none;
}

此致 //吨

Answer 1

CSS并不那么聪明，所以你必须再次明确地写出第一部分。如@sdleihssirhc所述，您可以省略li，因为ul元素被假定为已包含li s，因此选择器仍然有效：

#leftmenu .shortcuts ul a,
#leftmenu .shortcuts ul a:hover {
  text-decoration: none;
}

我会考虑给ul id，因为它会大大压缩你的CSS：

#lm_ul a, #lm_ul a:hover {
  text-decoration: none;  
}

Answer 2

或者您可以执行类似的操作以适用于具有id =“leftMenu”的容器内的所有链接

CSS：

#leftMenu > * a, #leftMenu > * a:hover{ .... }

HTML：

 <ul>
    <li><span><a>item1</a></span></li>
    <li><p><a>item1</a></p></li>
    <li><div><a>item1</a></div></li>
    <li><em><a>item1</a></em></li>
</ul>

这将考虑每个元素a，无论封装容器内的链接是什么，id =“leftMenu”

css语法a：将鼠标悬停在id和class中的元素上

2 个答案: