css --- 兄弟选择器

语法:

/* 查找后边的一个兄弟元素 */
兄弟元素 + 兄弟元素/* 查找后边的所有兄弟元素 */
兄弟元素 ~ 兄弟元素

<head><style>#main+div {color: red;}#main~div {background-color: #e0e0e0;}</style>
</head>
<body><div id="main"></div><div>兄弟元素1<span>兄弟1 > 子元素1</span></div><div>兄弟元素2<span>兄弟2 > 子元素2</span></div><div>兄弟元素3<span>兄弟3 > 子元素3</span></div><div>兄弟元素4<span>兄弟4 > 子元素4</span></div>
</body>

css --- 兄弟选择器相关推荐

html中号选择器,CSS兄弟选择器符号‘+’号与‘~’号的区别
今天有人问我,在CSS的兄弟选择器中'+'号和'~'号码的区别是什么,而我自己对这个问题也不是很清除,当然,如果想弄清楚一个问题,用实践的方式比较好,今天就通过举几个例子来说明一个,CSS选择器中的加 ...
CSS兄弟选择器(选择所有兄弟姐妹)
参考链接:https://www.jb51.cc/css/219438.html 参考链接:https://segmentfault.com/q/1010000007141546 参考链接:https ...
013_CSS兄弟选择器
1.1. element1~element2选择器element1之后出现的所有element2. 1.2. 两种元素必须拥有相同的父元素, 但是element2不必直接紧随element1. 2. ...
html兄弟选择器怎么用,CSS的相邻兄弟选择器用法示例讲解
对于有相同父元素的相邻HTML元素查找便可以使用CSS的相邻兄弟选择器,这里我们就来看一下CSS的相邻兄弟选择器用法简单讲解: 可选择紧接在另一个元素后的元素,且二者有相同的父级元素下面代码中,it ...
[css] 举例说明你对相邻兄弟选择器的理解
[css] 举例说明你对相邻兄弟选择器的理解 div+p{ //相邻兄弟选择器 background: red; } 符合两个条件就会被选中: 1.紧邻在另一个元素后面 2.两者父元素相同个人简介 ...
[css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别？
[css] 相邻兄弟选择器.后代选择器和子选择器三者有什么区别? 后代选择器与子选择的关系:后代选择器>子选择器. 后代选择器:包括父元素的子元素以及孙子元素(代表符号:空格)子选择器:包括父元 ...
css设置兄弟元素样式-兄弟选择器
有一种选择器就叫兄弟元素选择器,分为临近兄弟和普通兄弟. 临近兄弟(相邻):用 + 表示,只匹配该元素后边的第一个同级元素. 普通兄弟:用 - 表示,匹配该元素后边的所有同级元素. 1.相邻兄弟元素 ...
HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器
复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器交集选择器由两个选择器直接构成,其中第一个 ...
CSS之毗邻选择器与普通兄弟选择器的区别
CSS之毗邻选择器与普通兄弟选择器的区别在一些教程网站上只看到兄弟选择器的说法,也就是加号(+),但是偶然听说了毗邻兄弟选择器的说法所以特意实验一下,找一下区别. 从字面意思来看:毗邻兄弟选择器即 ...

css --- 兄弟选择器

css --- 兄弟选择器相关推荐

最新文章

热门文章