CSS选择LI内、UL内的所有锚定,而不向每个锚定添加类
我有下一个CSS选择LI内、UL内的所有锚定,而不向每个锚定添加类,css,css-selectors,Css,Css Selectors,我有下一个 <div data-role='navbar'> <ul class='mainNAV'> <li><a href='#home'>Principal</a></li> <li><a href='#'>Yo 360</a></li> <li><a href='#'>Mercado&l
<div data-role='navbar'>
<ul class='mainNAV'>
<li><a href='#home'>Principal</a></li>
<li><a href='#'>Yo 360</a></li>
<li><a href='#'>Mercado</a></li>
</ul>
</div>
所以在CSS中。。不在每个LI或锚元素内添加类
如何选择UL内部具有“mainNAV”类的所有锚
因此,我可以更改所有项目的字体大小、颜色等
谢谢
ul.mainNAV a
将是最基本的选择器。您还可以使用:
div>ul.mainNAV>li>a
div>ul.mainNAV li a
div>ul.mainNAV a
div ul.mainNAV li a
。。。可能还有几十种方法您可以使用属性选择器仅以锚定为目标:
.mainNAV a[href^=“#”]{
颜色:红色;
}
只需使用ul.mainNAV a
?我想你是对的,我使用的是jquery mobile,它覆盖了,我不得不使用!重要的。谢谢你,!重要信息
几乎从来都不是我们要走的路。请确保您的CSS规则是最后加载的,并且它们比您加载的其他规则都要快。这可能是一种丑陋的方式,但当您使用Jquery Mobile或Bootstrap时,这是最简单的方式,我想这会选择所有带有链接的锚,还是只选择那些具有href='#'的锚?谢谢你advance@AlanDaniel意识到我误解了这个问题。这将只针对用作内部锚定的
标记(带前导的#
)。如果你想锁定所有链接,只需使用.mainNav a
,这仍然是一种有趣的方式,也有助于我了解更多信息,谢谢你的时间Jesse