1，ID选择
#id {
color:red;
}
2，class选择
.class {
color:red;
}
3，所有后代选择
div p {
color:red;
}
4，仅限子元素选择
div>p {
color:red;
}
5，属性选择器
[title] {
color:red;
}
6，属性和指定值选择器
[title=hello]{
color:red;
}
7，属性值模糊匹配选择器
[title*=hello]{
color:red;
}
8，标签属性选择器
input[name=’password’]{
color:red;
}
9，属性值空格分隔选择器(<a title=’one two’>)
[title~=hello]{
color:red;
}
10，属性值中杠连接符选择器(<a title=’one’> <a title=’one-more’>)
[title|=hello]{
color:red;
}
11，属性值正则匹配选择器
[title^=hello]{
color:red;
}
[title$=hello]{
color:red;
}
Leave a Reply