如何设置<a> tag within an <li></li></a>的样式

Question

说我有一些这样的HTML ..

<ul id="menu">
  <li class="menu-item-1">
    <a>Cateogry 1</a>
  </li>
  <li class="menu-item-2">
    <a>Category 2</a>
  </li>
</ul>

我正在尝试做的是为每个“li”元素区域设置样式，但我也要为invidual设置样式。我无法将类更改为通用类。

我试过

ul#menu li.a 

但没有骰子。为了做每个“a”，我是否必须包含li的单独类，或者有没有办法说，每个单独的li，不管是哪个类，都有一个“a”...我想要风格它..

Answer 1

尝试

ul#menu li a
{
}

它会起作用

Answer 2

嗯......我真的不知道怎么解释它而没有粗鲁的风险，但你已经知道如何在li中选择ul个元素...只是这样做同样适用于a：

ul#menu li a

那就是说，你应该真的使用这个选择器：

#menu>li>a

这是因为ID必须是唯一的，但也因为如果您决定稍后添加嵌套列表，这不会产生干扰。

Answer 3

很遗憾，无法选择包含一个或多个子<li>标记的所有<a>标记。您必须为每个class代码添加<li>属性，或者为子代<a>代码设置样式，如下所示：

ul#menu li > a { ... }

或 <a>下面的所有 <li>标记，如：

ul#menu li a { ... }

Answer 4

ul＃menu li.a实际上定义li里面的菜单有“a”类：喜欢

<ul id="menu">
  <li class="a">
    <a>Cateogry 1</a>
  </li>
</ul>

尝试

ul#menu li a

它将解决您的问题。但是，您可以查看此页面以更好地了解CSS Selector。 http://www.tutorialrepublic.com/css-tutorial/css-selectors.php