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

以下是我的inspect元素视图：

我想将样式应用于

class=“歌词”

我用在我的css上，就像这样

.postcontent.歌词{style…}

但它不起作用

针对该类的正确css行是什么。这是在wordpress的帖子里。基本上，我希望能够在不影响他人的情况下，对文章的某些内容进行风格设计

---

谢谢

在HTML中，父div具有类

post content

，而不是

post content

因此，您需要将HTML中的类更改为

postcontent

或更改CSS：

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

---

在HTML中，父div具有类

post content

，而不是

post content

因此，您需要将HTML中的类更改为

postcontent

或更改CSS：

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

您可以将其定义为：

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

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

#content .lyrics { styles... }

编辑：检查此处的工作示例：

您可以将其定义为：

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

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

#content .lyrics { styles... }

---

编辑：检查此处的工作示例：

对我不起作用。我在style.css#content.歌词{color:#000000！important；}上应用了这个，但我的文本实际上仍然是白色的。发布内容。歌词有效，但我尝试了#content.歌词，因为你提到它不会被覆盖。感谢带有ID选择器的常规css会覆盖带有类选择器的css。在您的情况下，它可能不起作用，因为您有两个id为“content”的div。也许你可以添加另一个家长来避免冲突，试试这个：“#et#u page_content#content.歌词{style…}”。这应该对你有用，但对我没用。我在style.css#content.歌词{color:#000000！important；}上应用了这个，但我的文本实际上仍然是白色的。发布内容。歌词有效，但我尝试了#content.歌词，因为你提到它不会被覆盖。感谢带有ID选择器的常规css会覆盖带有类选择器的css。在您的情况下，它可能不起作用，因为您有两个id为“content”的div。也许你可以添加另一个家长来避免冲突，试试这个：“#et#u page_content#content.歌词{style…}”。这应该对你有用。