css属性选择符的应用

注释：Internet Explorer 7 （以及更高版本）在规定了 !DOCTYPE 的情况下支持属性选择器。IE6 及更低的版本不支持属性选择器。

[title]{color:red;}　　//为带有 title 属性的所有元素设置样式：

[title="website"]{color:red;}　　//为 title="W3School" 的所有元素设置样式：

[title~=hello]{color:red;}　　//为包含指定值的 title 属性的所有元素设置样式。适用于由空格分隔的属性值：

[title|=hello]{color:red;}　　//title属性值以hello开头，并用连接符"-"分隔的字符串的E元素。

<a href="#" title="hello-txt-aa"></a>

属性选择器在为不带有 class 或 id 的表单设置样式时特别有用：

input[type="text"]{color:red;}

注意：以上为CSS2 的应用

============以下为CSS3新增选择器=================================

E[attr^="val"]　　//选择具有att属性且属性值为以val开头的字符串的E元素。

E[attr$="val"]　　//选择具有att属性且属性值为以val结尾的字符串的E元素。

E[attr*="val"]　　//选择具有att属性且属性值为包含val的字符串的E元素。

转载于:https://www.cnblogs.com/daxian2012/archive/2012/07/09/2583205.html

css属性选择符的应用相关推荐

css通配选择符用什么表示,css的选择符
元素选择符 Element Selectors* E E#id E.class 关系选择符 Relationship SelectorsE F E>F E+F E~F属性选择符 Attribut ...
css语言基础--css的选择符语法
1 基本的选择符包括通用选择符.类选择符.属性选择符.ID选择符.伪类选择符等. 2 3 4 1简单选择符(类型选择符和通用选择符被统称为简单选择符) 5 1.1类型选择符 6 类型就是指HTML语言 ...
教你玩转CSS 组合选择符
目录后代选择器子元素选择器相邻兄弟选择器后续兄弟选择器 CSS组合选择符包括各种简单选择符的组合方式. 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分 ...
CSS各种选择符的优先级
用div的border属性实验,优先级依次是 style属性-->id选择器-->类型选择器--->类选择器. 1.直接定义style属性.style="" ...
html5后代选择符,css选择符有哪些？哪些属性可以继承？
属性的名字是一个合法的标识符,它们是CSS语法中的关键字.一种属性规定了格式修饰的一个方面.CSS选择器用于选择你想要的元素的样式的模式. css选择符有哪些?哪些属性可以继承?下面我们来看一下css ...
CSS快速学习2：选择符权重和字体类属性
选择符的权重: CSS中用四位数字表示权重. 类型选择符的权重为0001 class选择符的权重为0010 id选择符的权重为0100 子选择符的权重为0000 属性选择符的权重为0010 伪类选择符 ...
好程序员web前端CSS选择符（选择器）:表示要定义样式的对象
好程序员web前端CSS选择符(选择器):表示要定义样式的对象 1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; backgro ...
[你必须知道的css系列]第一回：丰富的利器2：CSS选择符之子选择符、相邻选择符...
对了,接下来要讲的属性选择符,相邻选择符,子对象选择符可能大家稍微有点陌生了,这当然也是有原因的,因为IE6及以下的浏览器并不支持这几个选择符,而大多数从事这方面工作的技术人员,多数时候还是主要考虑 ...
web前端CSS选择符:表示要定义样式的对象
1) 元素选择符/类型选择符(element选择器 ) 如:div{width:100px; height:100px; background:red;} 语法:元素名称{属性:属性值:} 说明: a ...

css属性选择符的应用

css属性选择符的应用相关推荐

最新文章

热门文章