在这个特定的html结构中使用css设置链接样式
如何在此html结构下使用类在这个特定的html结构中使用css设置链接样式,css,Css,如何在此html结构下使用类选定的设置链接样式 <li class="submenu_items" style="display: list-item;"> <ul> <li> <a class="selected" href="/page">Page</a> </li> </ul> </
选定的设置链接样式
<li class="submenu_items" style="display: list-item;">
<ul>
<li>
<a class="selected" href="/page">Page</a>
</li>
</ul>
</li>
-
这应该可以为您做到:
.submenu_items ul li a.selected{
/* your CSS properties here */
}
您也可以使用>
操作符来执行此操作
您可以针对选择链接的方式有很多不同。我还建议您查看一下使用下面的样式来设置选择的
.submenu_items ul li > a.selected{/* your code goes here. */}
希望这能有所帮助。要超越父样式(在本例中为“子菜单项”),您只需使CSS的目标更加具体。例如:
.submenu_items ul li a.selected{
/* Add your CSS */
}
一般来说,您可以使用以下内容:。子菜单\u items>ul>li>a.选中的
为什么每个人都在这里使用CSS特异性
概念;这里已经定义了.class
?