338   CSS

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

Your email address will not be published. Required fields are marked *