[分享]css中如何选取下下一级元素

在CSS中，我们经常需要选择某一个元素下的下一级元素进行样式设置。下面我们详细介绍如何选取下下一级元素。下下一级元素即为孙子元素，其选择器书写方式为E F G，其中E为祖先元素，G为孙子元素。需要注意...

在CSS中，我们经常需要选择某一个元素下的下一级元素进行样式设置。下面我们详细介绍如何选取下下一级元素。

下下一级元素即为孙子元素，其选择器书写方式为E F G，其中E为祖先元素，G为孙子元素。需要注意的是，F为中间元素，即在E和G之间存在着一层父子关系的元素。

下面是一个具体的示例，假设我们需要选取section标签下article标签内的p标签。

section article p {
    /* 在这里添加样式 */
} 

以上代码中，section article p这个选择器就是选取section标签下article标签内的p标签。

需要注意的是，中间的article标签是必需的，因为直接写成section p会选取到section下所有的p标签而不仅仅是article标签内的p标签。

综上所述，选取下下一级元素可以使用E F G这种选择器书写方式，其中E为祖先元素，G为孙子元素，F为中间元素。