CSS选择器样式:
总体来说,CSS选择器有 4 种:
1.1 ID选择器:为标有特定id的HTML元素来指定样式,如:
#green{color:green; }
1.2 派生选择器:根据上下文关系来定义样式,如
1.3 CSS类选择器:用来给有class同名的html元素来指定样式,如
.center{ text-align:center}:所有拥有center类的HTML元素均为居中
在html网页中,class可以命名重复,但是ID是唯一的
1.4 CSS属性选择器:对带有指定属性的html元素来指定样式,也可以且不限于为id和class属性。
(I6及以下版本不支持属性选择器)
1.4.1 属性选择器:
这个例子是为所有带有title属性的元素设置样式:[title]{ color:green;}
1.4.2 属性和值选择器
这个例子是title=“helloword”的所有元素设置样式 :[title=helloword]{ color:red;}
1.4.3 属性和值选择器--多个值
这个例子是指定值的title属性的所有元素设置样式,适用于由空格分隔的属性值: [title~=hello]{color: red;}
这个例子是为带有包含指定值的lang属性的所有元素设置样式,适用于由廉洁字符分隔的属性值:
[lang |=en]{color:red;}
1.4.4 css属性选择器可以为没有id和css值的form表单设置样式:
input[type="text"]{
width:150px;
}
input[type="button"]{
width:150px;
}
这几个选择器都可以混合使用:
如 : id选择器可以作为派生选择器 :#sider1 h2{ height:20px;}
如 :class选择器也可以作为派生选择器: .sider2 h2{ height:20px;}
根据html网页的具体内容选择选择器来设置页面元素的样式。