小编use*_*315的帖子

我正在尝试使用CSS3的'nth-of-type'但是无法让它工作?

这是我基本上想要做的事情.

http://jsfiddle.net/miiicheellee/aHwS8/151/

HTML:

<ul id="Navigation_T5C241A8C018_ctl00_ctl00_ctl03_ctl00_childNodesContainer">
<li><a href="" class="mainPage">1</a></div>
<li><a href="" class="mainPage">2</a></div>
<li><a href="" class="mainPage">3</a></div>
</ul>
Run Code Online (Sandbox Code Playgroud)

CSS:

.mainPage:nth-of-type(2) a{
 background: red;
}

<!-- how would I get this to work if the list items do NOT have an identification? --!>
Run Code Online (Sandbox Code Playgroud)

问题是我无法使用列表项的标识,因为我的网站上有ul和li的复杂嵌套,虽然我知道这样可行.有没有其他方法可以使用我在jsfiddle上的方法来做到这一点?换句话说,请不要操纵HTML - 遗憾的是,我无法控制ID和类名.

css css-selectors css3 megamenu

0
推荐指数
1
解决办法
64
查看次数

标签 统计

css ×1

css-selectors ×1

css3 ×1

megamenu ×1