寻址div中li内链接的颜色

时间:2014-07-31 18:54:44

标签: 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&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 >

我正在尝试更改单词的颜色&#34; Contacts&#34;这是一个链接,但我显然做错了。

我试过这个:

li.nav_menu_loc a.nav_menu_loc {
    color: red;
}

以及:

#tbs_menu li.nav_menu_loc a {
     color: red;
}

和其他组合。 我做错了什么?

由于

1 个答案:

答案 0 :(得分:0)

您可能有其他CSS样式会覆盖您想要的元素样式,您可以使用:

li.nav_menu_loc a.nav_menu_loc {
    color: red !important;
}

或者您可以通过id:

为CSS中的a元素和trace元素添加id

示例:

a#my_id { color : red; }