css - 如何判断在嵌套类中应用的正确 css 行是什么

Question

这是我的检查元素视图：http ://www.freeimagehosting.net/4wxq7

我想将样式应用于class="lyrics"

我像这样在我的CSS上使用

.postcontent .lyrics { styles... }

但它不工作。

针对该类的正确css行是什么。这是在 wordpress 帖子中。基本上，我希望能够为帖子的某些内容设置样式而不影响其他人。

谢谢

Answer 1

在您的 HTML 中，父 div 具有类post-content而不是postcontent.

因此，您需要将 HTML 中的类更改为postcontent或更改 CSS：

.post-content .lyrics { styles... }

Answer 2

您可以将其定义为：

.post-content .lyrics { styles... }

或者，如果您希望您的样式不被其他 CSS 覆盖，请使用 ID 父选择器：

#content .lyrics { styles... }

编辑：在这里检查工作示例：http: //jsfiddle.net/SmH6B/