css选择器“+”和“~”的区别
来源:互联网 发布:林弯弯淘宝网店 编辑:程序博客网 时间:2024/05/20 05:54
最大的区别是’+’最多只能匹配到一个元素,而’~’可以匹配到多个。
‘+’是指紧跟在后面的某同级元素
‘~’是指某些同级元素
以以下代码为例
<div class='try'></div><p class='one'></p><p class='two'></p>
如果是+
.try + p
那么选中的只是类名为one的p
如果是~
.try ~ p
那么选中的是类名为one和类名为two的p
<div class='try'></div><h2></h2><p class='one'></p><p class='two'></p>
那么
.try + p
则什么也选择不到
.try ~ p
则没有影响
0 0
- css选择器“+”和“~”的区别
- FLEX CSS样式:类选择器和类型选择器的区别
- css中id选择器和class选择器的区别?
- css后代选择器和子选择器的区别
- css中id选择器和class选择器的区别?
- CSS选择器中:类和ID选择器的区别
- css中的ID选择器和CLASS选择器的区别
- css中id选择器和class选择器的区别?
- CSS后代选择器和子元素选择器的区别
- 关于css后代选择器和子选择器的区别
- CSS选择器和jQuery选择器的区别与联系
- css选择器的区别
- CSS选择器的区别
- CSS选择器区别和使用方法
- CSS 选择器中,元素选择器和类选择器的区别是什么?
- CSS属性选择器的区别
- css的类选择器#和id选择器.
- CSS的基本选择器和扩展选择器
- 类中似有属性的访问方式
- YTU 3001: 判断操作是否合法(栈和队列)
- Android SDK 接入指南
- printf输出顺序
- MySQL数据库的连接
- css选择器“+”和“~”的区别
- malloc-free-new-delete
- MySQL数据库的连接
- java bridge method
- YTU 3003: 括号匹配(栈和队列)
- Markdown编辑器写博客
- 交换两个整型数据的几种方式
- C风格字符串
- 第6周-书面项目2(1)