CSS特性选择器
2017-06-14 11:04
197 查看
选择器 | 含义 | 示例 |
---|---|---|
简单选择器 | [ ] 匹配一种特定的特性(与特性值无关) | p[class] 应用于所有包含class特性的元素 |
精确选择器 | [=] 匹配一种特定的特性,该特性具有特定的值 | p[class=”dog”] 应用于所有包含class特性值为dog的元素 |
部分选择器 | [~=] 匹配一种特定的特性,该特性值出现在以空格隔开的单词列表中 | p[class~=”dog”] 应用于特定的< p >元素,这些元素的class特性值是以空格隔开的单词列表,而其中一项是dog |
开头选择器 | [^=] 匹配一种特定的特性,该特性的值以某个特定的字符串作为开头 | p[attr^”d”] 应用于特定的< p >元素,这些元素的某个特性的值以字母”d”开头 |
包含选择器 | [*=] 匹配一种特定的特性,该特性的值包含一个特定的子字符串 | p[attr*”do”] 应用于特定的< p >元素,这些元素的某个特性之中含有”do” |
结尾选择器 | [ $= ] 匹配一种特定的特性,该特性的值以某个特定的字符串作为结尾 | p[attr$”g”] 应用于特定的< p >元素,这些元素的某个特性的值以字母“g”结尾 |
相关文章推荐
- 选择器总结 浮动 CSS的三大特性
- 2016年11月 选择器的基本用法和Css的特性
- 第19节 css高级特性之复合选择器
- CSS——CSS特性及选择器
- css基础 交集选择器 简单示例
- css基础 选择器的权重叠加
- CSS 选择器
- 2.1 CSS一些常见的属性&&选择器
- CSS学习之 选择器篇
- CSS学习(八)——定义选择器
- CSS高级选择器
- css复习——选择器、padding、margin day4
- css三大特性
- css link顺序与类选择器组合之间的关系
- 说说标准——CSS核心可视化格式模型(visual formatting model)之十:控制紧接浮动的排列-clear 特性
- CSS伪类选择器active模拟JavaScript点击事件
- 30-CSS-03-CSS(基本选择器&优先级)
- CSS之旅——第三站 强大的伪选择器
- 解释下浏览器是如何判断元素是否匹配某个 CSS 选择器?
- CSS 多类选择器