CSS：我可以使用嵌套元素的类来缩小css吗？

Question

以下是我的例子：

<div class="node node-blog">
  <div class="field-item even">
    <img src="image.png"/>
  </div>
</div>

我想要做的是仅在node-blog和field-item div中使用样式到img元素，但这不起作用：

.node-blog .field-item img {float:right;}

当然我做错了。

感谢。

Answer 1

提供的风格很好

除非你的CSS文件中有其他错误，否则这一行似乎是正确的。这很可能是非常愚蠢的事情。如果您实际上没有在此处复制粘贴，可能在您的实际代码中有一些错误...

只要您的img包含在.field-item的子树中.node-blog的子树中，img这应该有效。您不必提供整个路径。

其他规则会覆盖您的

除非您在!important上设置了不同的规则，否则会将浮点数设置为它。它的CSS风格

• 必须更具体到提供的覆盖你的那个。
• 不太具体，但将浮动设置设为{{1}}。

Answer 2

在其他条件相同的情况下，它应该有效。问题在于您不与我们分享的一段代码。

Answer 3

你可以尝试：
.node-blog .field-item img {float：right！important;}
......另一条规则可能更具选择性