每日热闻!“+”是什么css选择器

时间:2022-11-24 20:57:39       来源:PHP中文网

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

相邻兄弟元素选择器(E + F)

相邻兄弟选择器能够选择紧接在另外一元素后的元素,并且他们具备一个相同的父元素,换句话说,EF两元素具备一个相同的父元素,并且F元素在E元素后面,并且相邻,这样咱们就可使用相邻兄弟元素选择器来选择F元素。


(相关资料图)

这里面有2个关键信息:(1)紧接在另一元素后;(2)二者有相同父元素

例子①:

                                                                            

第零个段落

第一个段落

第二个段落

第三个段落

第四个段落

登录后复制

div+p表示选取了所有位于

元素后的第一个

元素

假如希望"第三个段落"也被选中,则需要使它的

标签也在

标签之后紧邻,如下

如果

标签不是紧邻

,如下

例子②:

                                                                              
  • List item 1
  • List item 2
  • List item 3
  1. List item 1
  2. List item 2
  3. List item 3
登录后复制

一开始特别纳闷为啥“List item 2”和“List item 3”都被选中了~~~

首先分析选择器样式:li+li{},字面意思是选取所有位于

  • 标签后的第一个
  • 元素

    (学习视频分享:css视频教程)

    以上就是“+”是什么css选择器的详细内容,更多请关注php中文网其它相关文章!

    关键词: 相关文章 视频教程