一、特殊选择器1、* 用于匹配任何的标记2、> 用于指定父子节点关系3、E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F4、E ~ F 匹配所有E元素之后的同级元素F5、名称[表达式]5.1 E[att] 匹配所有具有att属性的E元素([att]获取 ...
一、特殊选择器
1、* 用于匹配任何的标记
2、> 用于指定父子节点关系
3、E + F 毗邻元素选择器,匹配所有紧随E元素之后的同级元素F
4、E ~ F 匹配所有E元素之后的同级元素F
5、名称[表达式]
5.1 E[att] 匹配所有具有att属性的E元素([att]获取所有的定义了att的标签;E[att=val] 匹配所有att属性等于“val”的E元素;
5.2 [att=val] 获取所有定义了att属性并且属性值等于val的标签;
5.3 [att^=val]获取所有定义了att属性并且属性值以val开头的标签;
5.4 [att$=val]获取所有定义了att属性并且属性值以val结尾的标签;
5.5 [att*=val]获取所有定义了att属性并且属性值包含val字符的标签;
5.6 [att~=val]获取所有定义了att属性并且属性值包含val单词的标签;
5.7 [att|=val]获取所有定义了att属性并且属性值等于val或者以val-开头的标签。)
6、伪类/伪元素
6.1 css 伪类用于向某些选择器添加特殊的效果。css 伪元素用于将特殊的效果添加到某些选择器。
可以明确两点,第一两者都与选择器相关,第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他 css 无法描述的东西。
伪类种类伪元素种类区别
这里用伪类 :first-child 和伪元素 :first-letter 来进行比较。
p>i:first-child {color: red}<p><i>first</i><i>second</i></p> //伪类 :first-child 添加样式到第一个子元素
原标题:CSS你可能还不知道的一些知识点
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。