Question

我试图通过界定<代码>,确定包含一个菜单的所有<代码>。 ID 类似:

<ul id="menutop">
    <li><a href="#">item1</a></li>
    <li><a href="#">item2</a></li>
    <li><a href="#">item3</a></li>
</ul>
<ul id="menumain">
    <li><a href="#">item1</a></li>
    <li><a href="#">item2</a></li>
    <li><a href="#">item3</a></li>
</ul>

根据我的理解,我可以使用:

ul[id|= menu ]>li>a {color:#f00;}

(<a> direct child of a <li> direct child of an <ul> that has its id starting with menu) But it doesn t work.

寻找一个比喻使我看到了这一[问题]? 这表明,ID是一种属性,而不是一种财产,因此,我不了解它为什么没有工作。我做了什么错误?

这里与CSS2匹配特性和根据W3标准赋予价值的联系(。

Answer 1

根据W3文件:

[att|=val]
Represents an element with the att attribute, its value either being exactly "val" or beginning with "val" immediately followed by "-" (U+002D)

http://www.w3.org/TR/CSS2/selector.html#attribute-selectors。

这意味着ul>[>ul>[>;>。

这可能是为什么不工作的原因,因为脑膜炎和脑膜炎不匹配。

您可以尝试将身份证重新命名为男性和男性主,或者可以:

<ul id="menutop" class="menu">
    <li><a href="#">item1</a></li>
    <li><a href="#">item2</a></li>
    <li><a href="#">item3</a></li>
</ul>
<ul id="menumain" class="menu">
    <li><a href="#">item1</a></li>
    <li><a href="#">item2</a></li>
    <li><a href="#">item3</a></li>
</ul>

和贵方:

ul.menu li a {color: #f00;}

这将使你能够按需要在所有菜单上打上彩色,同时仍然能够拥有独特的身份证,供使用,并按需要使用。

而且,正如Pekka提到的那样,> 遴选人没有得到广泛支持,因此,您现在可能希望重新审议其使用情况。

Answer 2

为了确保最大程度的兼容性,我将给每一年级的<代码>menu和使用。

ul.menu>li>a {color:#f00;}

请注意:<代码>> 遴选人未获得国际电子数据处理公司的支持;8。

Answer 3

< 具体内容见:CSS 选任人:。

。

友情链接