学前端,这30个CSS选择器,你必须熟记

你学会了基本的id,class类选择器和descendant后代选择器,然后就觉得完事了吗?如果这样,你就会错过许多灵活运用css的机会 。虽然本文提到的许多选择器都属于CSS3,并且只能在现代的浏览器中使用,但学会这些是大有好处的 。
什么是CSS选择器呢?
学前端,这30个CSS选择器,你必须熟记

文章插图
 
每一条css样式定义由两部分组成,形式如下:[code]选择器{样式}[/code] 在{}之前的部分就是“选择器” 。“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素
1、** { margin: 0; padding: 0;}首先我们来认识一些简单的选择器,尤其针对初学者,然后再看其他高级的选择器 。
星号可以用来定义页面的所有元素 。许多开发者会使用这个技巧来把margin和padding都设为0 。在快速开发测试中这种设置固然是好的,但我建议绝对不要在最终的产品代码中使用 。因为会给浏览器增加大量不必要的


    推荐阅读