CSS后裔选择器

Question

我是否可以使用ID和元素的组合来为某一特定元素应用一种样式？

例如，我可以使用ID和元素的组合来为某个元素应用一个样式。

<ul id="a">
  <li>
    <a href=...>Howdy</a>
  </li>
  <li>
    <a href=...>Doody</a>
  </li>
</ul>

有没有办法把style="font-size:small "应用到所有跟在UL后面、ID为'a'的锚上？

我认为像#a a {font-size:small}这样的东西可以用，但在css文件中没有效果。

谢谢。

乔

Answer 1

是的，使用HTML的结构来选择锚标签。

ul li a {
   font-size:small
}

Answer 2

而不是使用 ID 使用 class 选择器，所以同一个类名可以用于多个 ul 榄核。

.a li a {  /* you can also use .a a {....} */
  font-size: 40px;
  color: red;
}

<ul class="a">
  <li>
    <a href=...>Howdy</a>
  </li>
  <li>
    <a href=...>Doody</a>
  </li>
</ul>

<ul class="a">
  <li>
    <a href=...>Hello</a>
  </li>
  <li>
    <a href=...>Boy</a>
  </li>
</ul>