关于css选择器的问题 + * ~这三个有什么区别
2017-08-16 00:00
330 查看
+ * ~ 这三个符号有时候总会用混起来.
+:是表示相邻的兄弟下面的所有:比如: ul下面有N个li标签,不要第一个li标签,则可以用 li+li:{};
*和~一般用在属性选择器上使用:
*表示属性中有这类的字符串,举个例子:
[data*="abc"] 选择 data 属性值中包含子串 "abc" 的所有元素 <a data="def" ....> <a data="abcd" ...>
~这个表达不清楚,请意会:
[data~="abc"] 选择 data 属性值等于“abc"的所有元素 <a data="def" ...> 不能选择 <a data="abcd" ...>
[data~="abc"] 选择 data 属性值等于“abc"的所有元素 <a data="def" ...> 可以选择 <a data="abc d" ...>
类似的还有 ^ $等
+:是表示相邻的兄弟下面的所有:比如: ul下面有N个li标签,不要第一个li标签,则可以用 li+li:{};
*和~一般用在属性选择器上使用:
*表示属性中有这类的字符串,举个例子:
[data*="abc"] 选择 data 属性值中包含子串 "abc" 的所有元素 <a data="def" ....> <a data="abcd" ...>
~这个表达不清楚,请意会:
[data~="abc"] 选择 data 属性值等于“abc"的所有元素 <a data="def" ...> 不能选择 <a data="abcd" ...>
[data~="abc"] 选择 data 属性值等于“abc"的所有元素 <a data="def" ...> 可以选择 <a data="abc d" ...>
类似的还有 ^ $等
相关文章推荐
- javascript中的=等号个数问题两个跟三个有什么区别
- QU:关于字符集的问题,究竟什么是“ISO 8859-1”,还有其它字符集吗?有什么区别?
- 关于Microsoft Unified Communications Managed API 3.0开发的相关技术问题(RealTimeEndpoint, SipEndpoint, SipPeerToPeerEndpoint之间的区别是什么?)
- CSS中关于定位position的问题,blockquote,div,span三个的区别
- javascript中的=等号个数问题两个跟三个有什么区别
- 关于Microsoft Unified Communications Managed API 3.0开发的相关技术问题(UserEndpoint 、ApplicationEndpoint的区别是什么?)
- 问题:HttpContext.Current.Session;结果:Session与HttpContext.Current.Session到底有什么区别呢?
- JavaScript里面三个等号和两个等号有什么区别?
- 关于.NET是什么问题
- 关于“宇宙外面是什么”问题的随想
- 关于oj上c++与g++的区别以及一些常见的问题
- 浅谈关于nil和 null区别及相关问题(转)
- C++中,a++、a+=1、a=a+1、++a 有什么区别?以及效率问题
- 下面三个导航栏Item有什么区别啊???
- 因特网,以太网和互联网,三个有什么区别?
- Windows CE、pocket PC和SmartPhone三个系统有什么区别?
- String,StringBuilder以及StringBuffer这三个类之间有什么区别
- if语句和switch语句 关于时间的三个问题
- 关于vuejs中v-if和v-show的区别及v-show不起作用问题
- 问题:汇编里 IMPORT和EXPORT有什么区别?