Css div中li中链接的寻址颜色
您好,我有以下html:Css div中li中链接的寻址颜色,css,Css,您好,我有以下html: <div id="tbs_horizontal_menus" class="tbs_horizontal_menus"> <ul id="tbs_menu" class="tbs_menu"> <li> <!-- menu 0 start //--> <a href="/index.php?p=Home&ms=m0&
<div id="tbs_horizontal_menus" class="tbs_horizontal_menus">
<ul id="tbs_menu" class="tbs_menu">
<li> <!-- menu 0 start //-->
<a href="/index.php?p=Home&ms=m0&l=en&">
<span class="tbs_menu_text">Home</span>
</a>
</li> <!-- menu 0 end //-->
<li> <!-- menu 1 start //-->
<a href="/index.php?p=Biography&ms=m1&l=en&">
<span class="tbs_menu_text">Biography</span>
</a>
</li> <!-- menu 1 end //-->
<li> <!-- menu 2 start //-->
<a href="/index.php?p=Clients&ms=m2&l=en&">
<span class="tbs_menu_text">Clients</span>
</a>
</li> <!-- menu 2 end //-->
<li> <!-- menu 3 start //-->
<a href="/index.php?p=Gallery&ms=m3&l=en&">
<span class="tbs_menu_text">Gallery</span>
</a>
</li> <!-- menu 3 end //-->
<li class="nav_menu_loc"> <!-- menu 5 start //-->
<a class="nav_menu_loc" href="/index.php?p=Contacts&ms=m5&l=en&">
<span class="tbs_menu_text">Contacts</span>
</a>
</li> <!-- menu 5 end //-->
</ul>
</div >
以及:
#tbs_menu li.nav_menu_loc a {
color: red;
}
和其他组合。
我做错了什么
谢谢您可能有其他CSS样式可以覆盖所需的元素样式,您可以使用:
li.nav_menu_loc a.nav_menu_loc {
color: red !important;
}
或者,您可以通过id向CSS中的a
元素和跟踪元素添加id:
例如:
a#my_id { color : red; }
这两种方法都适用于我(第一个示例)。你有更多的CSS可能会覆盖这个吗?我有其他的定义。特别是引起我头痛的是:
.tbs\u menu li.tbs\u menu text{color:blue;}
-我如何定义我的导航菜单loc而不受我的tbs\u menu text类的影响?我想我必须做li.nav\u menu loc.nav\u menu loc.tbs\u menu text
,对吗?
a#my_id { color : red; }