CSS属性选择器详解
2011-03-27 21:52
330 查看
通用选择器:匹配任何元素,用符号*来表示。
标签选择器:直接将HTML标签作为选择器
ID选择器:匹配具有ID属性的元素,以符号#开头。
class选择器:匹配所有具有class属性的元素,以点开头,用class="类别名"进行调用。
群组选择器:当多个元素的样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。
后代选择器:匹配某个元素的后代元素,祖先元素也后代元素之间用空格分隔。
子选择器:子选择器用符号>表示。定位某个元素的第一级子元素,即只选择元素的直接后代。
相邻元素选择器:该选择器使用符号+来表示,选择器中的元素有同一个父亲,而且两个元素必须紧紧相邻。
属性选择器:基于属性来定位一个元素。可以只指定该元素的某个属性,这样所有使用该属性的元素都将被定位。有6个不同类型的属性选择器:
[att=value]:该属性有指定的确切的值。
[att~=value]:该属性的值必须是一系列用空格隔开的多个值,如:class=“title featured home”,而且这些值中的一个必须是指定的值value。
[att|=value]:属性的值就是value或者以value开始并跟上一个“-”字符,也就是“value-”,如:lang=“zh-cn”。
[att^=value]:该属性的值以指定值开始。
[att$=value]:该属性的值以指定的值结束。
[att*=value]:该属性的值包含指定的值,而无论其位置。
选择器的优先级:
style > #ID #ID > #ID .class > Element#ID > #ID > Element.class .class > Element.class > Element Element > Element
标签选择器:直接将HTML标签作为选择器
ID选择器:匹配具有ID属性的元素,以符号#开头。
class选择器:匹配所有具有class属性的元素,以点开头,用class="类别名"进行调用。
群组选择器:当多个元素的样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。
后代选择器:匹配某个元素的后代元素,祖先元素也后代元素之间用空格分隔。
子选择器:子选择器用符号>表示。定位某个元素的第一级子元素,即只选择元素的直接后代。
相邻元素选择器:该选择器使用符号+来表示,选择器中的元素有同一个父亲,而且两个元素必须紧紧相邻。
属性选择器:基于属性来定位一个元素。可以只指定该元素的某个属性,这样所有使用该属性的元素都将被定位。有6个不同类型的属性选择器:
[att=value]:该属性有指定的确切的值。
[att~=value]:该属性的值必须是一系列用空格隔开的多个值,如:class=“title featured home”,而且这些值中的一个必须是指定的值value。
[att|=value]:属性的值就是value或者以value开始并跟上一个“-”字符,也就是“value-”,如:lang=“zh-cn”。
[att^=value]:该属性的值以指定值开始。
[att$=value]:该属性的值以指定的值结束。
[att*=value]:该属性的值包含指定的值,而无论其位置。
选择器的优先级:
style > #ID #ID > #ID .class > Element#ID > #ID > Element.class .class > Element.class > Element Element > Element
相关文章推荐
- CSS 属性选择器详解
- CSS 属性选择器详解
- CSS学习_属性选择器
- CSS属性选择器
- jquery属性选择器详解
- jquery学习 - jquery选择孩子元素和个数/获取css属性
- css属性image-redering详解
- css中padding、margin属性的区别和详解
- CSS背景属性Background详解
- 栋栋晓07:详解css布局中的定位position属性
- css属性选择器
- CSS中的margin、border、padding区别 CSS padding margin border属性详解
- CSS透明属性详解
- .Net学习笔记----2015-07-14(CSS当中的样式属性详解)
- css中pointer-events属性详解
- div+css属性各个属性详解5
- Css Filter Alpha 属性详解
- CSS之margin属性由浅入深详解
- CSS中的Position、Float属性详解
- CSS之margin属性完美详解