关于css选择器
2015-05-16 09:50
162 查看
选择器分类:
1.元素选择器:h1{} a{} 等等
2.选择器分组:h1,h2{} 通配符:* { }
3.类选择器:允许以一种独立与文档元素的方式来指定样式。
eg: .class{}
结合元素选择器:div.class(名称){}
多类选择器: html: class=”p1 p2“; 使用: .p1.p2{}
4.ID选择器:#id{}
ID选择器类似于类选择器,不过有些重要区别
1:ID只能在文档中使用一次,而类可以多次使用
2:ID选择器不能结合使用
3:当使用js时,需要用到id
5.属性选择器:
[title(属性的名称)]{}
6.后代选择器:
可选择作为某元素后代的元素
p strong{}
![](http://img.blog.csdn.net/20150516111426377)
7.子元素选择器
不能隔代,只能是儿子
h1>strong{ }
8.相邻兄弟选择器: 可选择紧接在另一个元素后的元素,二者有相同父元素
1.元素选择器:h1{} a{} 等等
2.选择器分组:h1,h2{} 通配符:* { }
3.类选择器:允许以一种独立与文档元素的方式来指定样式。
eg: .class{}
结合元素选择器:div.class(名称){}
多类选择器: html: class=”p1 p2“; 使用: .p1.p2{}
4.ID选择器:#id{}
ID选择器类似于类选择器,不过有些重要区别
1:ID只能在文档中使用一次,而类可以多次使用
2:ID选择器不能结合使用
3:当使用js时,需要用到id
5.属性选择器:
[title(属性的名称)]{}
6.后代选择器:
可选择作为某元素后代的元素
p strong{}
7.子元素选择器
不能隔代,只能是儿子
h1>strong{ }
8.相邻兄弟选择器: 可选择紧接在另一个元素后的元素,二者有相同父元素
相关文章推荐
- 前端--关于css选择器
- 关于css选择器中nth-of-type和nth-child的区别
- 关于CSS选择器
- css基础知识2 —— 关于css选择器( > , + , ~ )的总结
- 关于css选择器的一些细节
- 关于css选择器的总结
- HTML+CSS关于CSS选择器 (5)
- 关于IE6下CSS选择器失效的问题
- 1.关于使用css选择器的假想扩展点
- 关于CSS选择器的优先级,附上图片备忘
- 关于css选择器的小结
- 关于Css选择器优先级
- 关于css选择器的问题 + * ~这三个有什么区别
- 一个关于CSS选择器“优先级”的新问题
- [转]关于浏览器css选择器性能优化
- 一道关于CSS选择器优先级的题
- 关于css选择器优先级
- 关于CSS选择器的效率问题
- 关于css选择器
- 一道关于CSS选择器优先级的题