Jquery 如何分层专一性

在

在定义“特殊性”规则时，规定：

例如，如果要更改 所有div的背景色 在您的博客上发布的元素， 可以使用属性选择器 目标是每一个班上 属性以“post-”开头：

div[class*="post"] {
  background-color: #333;
  }

这将匹配其class属性在任何位置包含单词“posts”的所有div元素

我的问题是通过以下方式扩展上述示例：

**…更改所有div元素的背景色，这些元素都是您博客上的帖子，但anon用户的帖子除外，看起来像。。。 **

[什么样子？]

---

首先，这不是在CSS中选择具有特定类的元素的正确方法。这就是

的作用：

div.post {
  background-color: #333;
}

我只是简单地浏览了那篇文章，但我不知道为什么它会推荐其他语法。除了需要更多的输入之外，它在InternetExplorer6中也不起作用，而且它会让任何有经验的CSS作者完全困惑

至于你的实际问题，你如何设计匿名用户的帖子完全取决于他们是如何被标记的。例如，如果此类帖子在HTML中看起来像这样：

<div class="post anonymous">...</div>

---

重要的问题是：这些样式规则在样式表中的显示顺序是什么？如果

.anonymous

最后出现，则无论它在哪里应用，它都将优先。因此，即使

.post

和

.anonymous

规则都适用于该

，但

.anonymous

颜色优先，因为它是在后面出现的。（当然，如果您将这些规则按其他顺序排列，则情况正好相反。）

我觉得这篇文章的重点部分是建议一种标记策略。也许这就是推荐的原因？你错过了。。。[class*=post]将获得包含类.post-25、.disgristedPostalWorker和.fwHagadPost的帖子。

div.anonymous {
  background-color: purple;
}