首页 > 试题广场 >

以下哪个选择器，能够匹配到和 div 相邻的下一个兄弟节点

[单选题]

以下哪个选择器，能够匹配到和 div 相邻的下一个兄弟节点 p 元素？

查看答案及解析

牛客473366981号

div + p div后面紧跟着的第一个p标签(必须是紧邻的标签)

div~p <div>后面所有的<p>标签选中

发表于 2020-07-01 10:42:28 回复(0)

空口言201910242221236

举例

后代选择器 h1 em {color:red;} 所有的包含
子元素选择器 h1 > strong {color:red;} 只是子元素
相邻兄弟选择器 h1 + p {margin-top:50px;} “选择紧接在 h1 元素后出现的段落，h1 和 p 元素拥有共同的父元素

发表于 2020-02-20 15:40:07 回复(0)

喃喃呐呐

div p 后代选择器

div > p:子元素选择器

div + p:选择紧接在 <div> 元素之后的所有 <p> 元素，相邻

div ~ p:选择div元素之后紧跟着的p元素,拥有相同父元素，即div

发表于 2020-09-08 15:33:17 回复(2)

老黑不黑

div + p 相邻兄弟选择器选择紧挨着<div>的一个同级<p>标签

div~p 通用兄弟选择器所有和<div>同级，且在<div>之后(follow)的<p>标签

发表于 2020-09-08 14:08:55 回复(0)

苏一恒(Mako)b站内推找我

div p:div内的子元素p或孙子元素p等等(更深层次)

div>p:仅div内的子元素p

div+p:选择紧接在 <div> 元素之后的所有 <p> 元素

div~p:选择div元素之后紧跟着的p元素,换句话说“选择前面有 <div> 元素的每个 <p> 元素。”

发表于 2020-02-19 23:50:06 回复(0)

提交观点

问题信息

小米集团前端工程师 2020

上传者：小小

难度：

5条回答 67收藏 1075浏览

扫一扫，把题目装进口袋