如何判断在嵌套类中应用的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/