不带id的选定css标签
不带id的选定css标签
提问于 2018-07-13 02:11:05
我需要帮助来设置wordpress菜单。我制作了html css，但是当我在wordpress下使用wp_nav_menu ()函数时，我丢失了<a>标签上的特定id，Wordpress会自动生成新的<li> <a>。请告诉我如何从"menu_word“类中选择它们？
<ul class="menu_word">
<li><a id="home" href="#">Tilte1</a></li>
<li><a href="#">Tilte2</a></li>
<li><a href="#">Tilte3</a></li>
<li><a href="#">Tilte4</a></li>
<li><a id="sem" href="#">Tilte4</a></li>
<li><a href="#">Tilte5</a></li>
</ul>回答 3
Stack Overflow用户
回答已采纳
发布于 2018-07-13 03:25:09
这就对了
body .menu_word >li:nth-child(1)> a{ /*Title1 on pos 1 (specific for first level of menu)*/
border:1px solid red;
}
body .menu_word >li:nth-child(2)> a{ /*Title2 on pos 2 (specific for first level of menu)*/
border:1px solid blue;
} <ul class="menu_word">
<li><a id="home" href="#">Tilte1</a></li>
<li><a href="#">Tilte2</a></li>
<li><a href="#">Tilte3</a></li>
<li><a href="#">Tilte4</a></li>
<li><a id="sem" href="#">Tilte4</a></li>
<li><a href="#">Tilte5</a></li>
</ul>
Stack Overflow用户
发布于 2018-07-13 02:34:20
你能添加一个类并以此为目标吗？
如果没有，这将会起作用，尽管它相当脆弱。如果您可以向UL添加一个类，那么它将变得更加健壮，但是如果您可以添加一个类，那么您也可以将它添加到<a>标记或<li>标记中。
body > ul > li:nth-child(1) > aStack Overflow用户
发布于 2018-07-13 04:40:59
谢谢你的回答，我也找到了一个解决方案，如果它能有所帮助的话我会分享它。
<ul class="menu_word">
<li><a id="home" href="home">Tilte1</a></li>
<li><a href="#">Tilte2</a></li>
<li><a href="#">Tilte3</a></li>
<li><a href="#">Tilte4</a></li>
<li><a id="sem" href="sem">Tilte4</a></li>
<li><a href="#">Tilte5</a></li>
</ul>
a[href*="home"]{
font-weight: 800;
font-size: 1.2em;
}
a[href*="sem"]{
text-transform: capitalize;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51312040
复制相关文章
相似问题