CSS选择LI内部的所有锚点，UL内部无需向每个锚点添加类别

我有下一个。CSS选择LI内部的所有锚点，UL内部无需向每个锚点添加类别

<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或ANCHOR元素中添加一个CLASS。

我该如何选择UL内的所有锚以及class'mainNAV'？

这样我就可以改变字体大小，颜色等，对所有项目..

谢谢！

来源

2015-09-09 Alan Daniel

只需使用'ul.mainNAV了'？ – Terry

ul.mainNAV a

将是最基本的选择器。你也可以使用：

div > ul.mainNAV > li > a
div > ul.mainNAV li a
div > ul.mainNAV a
div ul.mainNAV li a

...大概几打更多的方式

来源

2015-09-09 21:09:44 j08691

ul.mainNAV a {font-size：2em;} does not似乎正在工作.. –

适用于我http://jsfiddle.net/7w0de3uy/ – j08691

我想你是对的，我使用jQuery的移动和它覆盖，我必须使用！重要的。谢谢 –

您可以使用属性选择仅限目标锚点：

.mainNAV a[href^="#"] { 
 
    color:red; 
 
}

<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> 
 
     <li><a href=''>Not anchor</a></li> 
 
    </ul> 
 
    </div>

来源

2015-09-09 21:12:19

会选择所有链接的锚点，或者只有那些有href ='＃'的锚点？在此先感谢 –

@AlanDaniel意识到我误解了这个问题。这将只针对正被用作内部锚的''标签（带'＃'）。如果你想瞄准所有的链接，你可以简单地使用'.mainNav a' –

它仍然是一个有趣的方式，也有助于我学习更多，感谢您的时间杰西 –

CSS选择LI内部的所有锚点，UL内部无需向每个锚点添加类别

回答

相关问题