1、选择所有元素
* {
border:this black;
}
2、根据类型选择元素
a {
border: thin;
}
3、根据类选择元素
.class2 {
border:this;
}
*.class2与.class2是等价的。
4、根据ID选择元素
#myid {
border: thin;
}
5、根据属性选择元素
[href] {
border: thin;
}
选择器 | 说明 |
---|---|
[attr] | 选取定义了attr属性,且属性值任意的元素 |
[attr=“val”] | 选取定义了attr属性,且属性值为val的元素 |
[attr^=“val”] | 选取定义了attr属性,且属性值以val字符串打头的元素 |
[attr$=“val”] | 选取定义了attr属性,且属性值以val字符串结尾的元素 |
[attr*=“val”] | 选取定义了attr属性,且属性值包含val字符串的元素 |
[attr~=“val”] | 选取定义了attr属性,且属性值包含多个值,而其中一个为val的元素 |
[attr|=“val”] | 选取定义了attr属性,且属性值是以连字符分割的一串值,而第一个为val的元素 |