Css 目标元素的同一级别子级

Css 目标元素的同一级别子级,css,class,html,Css,Class,Html,是否有一种简单的方法来瞄准所有第三层元素 例如,我的右栏布局如下: <div class=right_column> <div class=module> <div> <p></p> </div> </div> <div class=different_module> <div> <p></p> </div> <

是否有一种简单的方法来瞄准所有第三层元素

例如,我的右栏布局如下:

<div class=right_column>
 <div class=module>
  <div>
   <p></p>
  </div>
 </div>

 <div class=different_module>
  <div>
   <p></p>
  </div>
 </div>
</div>


在这个实例中,如何在不单独指定每个元素的情况下将两个未分类的
元素作为目标呢?

您应该可以这样做

div > div > div{
    /*  styles here */
}
是子选择器

在这里,它表示选择并使用
div
,它是
div的子对象
div

以下是一个例子:


注意:您提供的HTML缺少一些
div
标记和一些关闭
span
标记。我把它重新命名为示例

你应该可以做这样的事情

div > div > div{
    /*  styles here */
}
是子选择器

在这里,它表示选择并使用
div
,它是
div的子对象
div

以下是一个例子:


注意:您提供的HTML缺少一些
div
标记和一些关闭
span
标记。我把它重新命名为示例

像这样:
.right\u column>div>div


是“子选择器”-查看有关CSS技巧的顶级文章。

如下:
.right\u column>div>div


是“子选择器”-查看有关CSS技巧的顶级文章。

您可以使用选择器
div.right\u column div div div
,但它也将匹配嵌套得更深的div。为了避免在大多数较新的浏览器上出现这种情况,您可以使用子选择器,如:
div.right\u column>div>div
,但它在旧版本的IE中不起作用。您可以使用选择器
div.right\u column div
,但它也会匹配嵌套更深的div。为了避免在大多数较新的浏览器上出现这种情况,您可以使用子选择器,如:
div.right\u column>div>div
,但它在旧版本的IE中不起作用

您在两个div中都有一个关闭
span
标记,而没有一个打开标记。这是一个重写错误。谢谢。两个div中都有一个结束
span
标记,但没有开始标记。这是一个重写错误。谢谢