Question

我正在尝试将嵌套在另一个内部的div设置为样式，以便内部div中的链接为黑色，而不是外部div指定的链接为蓝色的样式。这里有一些简化的HTML来演示，应该注意的是第一个div总是有id，而内部div有一个类：

＆＃13;

#document.blackLinks a,
.blackLinks a {
  color: #000000;
}
#document a {
  color: #0000FF;
}

＆＃13;

<head>
  <link rel="stylesheet" type="text/css" href="test.css" />
</head>

<body>
  <div id="document">
    <div class="blackLinks">
      <a href="google.com">Black Link</a>
    </div>
  </div>
</body>

＆＃13;

Answer 1

您的规则#document.blackLinks a与ID为文档的元素内的链接相匹配，并且（同样的元素也具有）一类 blackLinks 。

你需要在它们#document .blackLinks a之间加一个空格，这意味着a标记在一个元素中，类 blackLinks ，而这里面是另一个ID 文档

的元素

具有嵌套div的CSS将样式应用于所有子项

1 个答案: