Css div中li中链接的寻址颜色

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&

您好,我有以下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&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; }