1

这是关于 jsfiddle 的示例：http: //jsfiddle.net/v6kuL/

如何将 Category1、Category2、Category3 更改为其他颜色？

HTML：

<ul>
   <li>
      <a href="/category/category1">Category 1</a>
      <ul class="children">
         <a href="/category/" >
            <li>
         <a href="/category/category1a">Category 1 A</a>
         </li>
         </a>
      </ul>
   </li>
   <li>
      <a href="/category/category2">Category 2</a>
   </li>
   <li>
      <a href="/category/category3">Category 3</a>
      <ul class="children">
         <a href="/category/" >
            <li>
         <a href="/category/category3a">Category 3 A</a>
         </li>
         <li>
            <a href="/category/category3b">Category 3 B</a>
         </li>
         </a>
      </ul>
   </li>
</ul>

我的尝试是在上面链接的 jsfiddle 上。

4

3 回答 3

2

使用您要使用的颜色创建类，并将它们应用于<a>标签。

<a href="/category/category1" class="red">Category 1</a>
<a href="/category/category1a" class="black">Category 1 A</a>

在您的 HTML 标头中创建一个<style>标签，并在标签中添加类。

.red{color:red;}
.black{color:black;}

除了红色和黑色等颜色外，您还可以应用 RGB 格式的任何颜色，如下所示：color: #FFCC00;

于 2013-04-12T16:59:57.380 回答
0

您可以使用：

ul:not(.children) > li > a:first-child {
    color: red;
}

Updated Demo

于 2013-04-12T17:09:31.893 回答
0

我刚刚在 CSS 的开头添加了这个

li a{color:red;}
.children a{color:blue;}

这样父母是红色的，孩子是蓝色的。干杯。

于 2013-04-12T17:12:57.650 回答