CSS选择器

  CSS选择器严格来讲,种类可以分为三种:标签名选择器、类选择器和ID选择器。后代选择器和群组选择器等只不过是对前三种选择器的扩展应用。而在标签内写入style=""的方式,应该是CSS的一种引入方式,而不是选择器,因为根本就没有用到选择器。

  三种基本的选择器类型

  语法如下:

  1>  标签名选择器,如:p{},即直接使用HTML标签作为选择器。

  2>  类选择器,如.div1{}。

  3>  ID选择器,如#div1{}。    

  * 注意:

  类选择器:这个方法比较简单灵活,可以随时根据页面需要新建和删除。但需要避免多class综合症。

  ID选择器跟类选择器有很大的不同:一个页面内不能出现相同的ID。这个方法主要用来定义层和那些比较复杂,有多个“唯一后代”的元素。

  扩展选择器

  1>  后代选择器,如.div1 span img{},后代选择器实际上是使用多个选择器加上中间的空格来找到具体的要控制标签。能大大的简化HTML文档,使HTML做到结构化明确,最小的代码实现同样的效果。

  2>  群组选择器,如div1,span,img{},群组选择器实际上是对CSS的一种简化写法,只不过把有相同定义的不同选择器放在一起,省了很多代码。

  3>  伪类选择器,如div1:hover{}

  选择器的优先级

  一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。通常我们用1表示标签名选择器的优先级,用10表示类选择器的优先级,用100标示ID选择器的优先级。

  由于对CSS的解释是自上而下的,对于一个元素的相同属性描述,放在下面的会覆盖掉位于上面的属性描述,因此我们在对元素的选择中一定要注意书写顺序。

原文地址:https://www.cnblogs.com/ww5v/p/4490980.html