码迷,mamicode.com
首页 > Web开发 > 详细

css之选择器

时间:2020-02-24 18:31:17      阅读:68      评论:0      收藏:0      [点我收藏+]

标签:执行   重复   方法   注意   组元   元素   代码   多个   范围   

  选择器:选择一个元素(标签)的方法。有以下6种选择器

  一、选择器的类型

  1、id选择器

      定义:通过id选择元素(选择到的是一个元素)。id在页面上具有唯一性。

      语法:#id名称{要添加的样式}

  2、class选择器

      定义:通过class选择元素(选择到的是一组元素)

      定义:.class名称{要添加的样式}

      注意:页面中的class是可以重名的,一个元素可以有多个class,每个用逗号隔开,如果后面class的样式与前面有重复的,那后面会覆盖前面的样式。

  3、标签选择器

      定义:通过标签名字选择元素(选择到的是一组元素)

      语法:标签名{要添加的样式}

      注意:标签选择器会给所有的标签都添加上相同的样式,会影响其它的标签

  4、群组选择器

      定义:通过逗号的方式选择元素(选择到的是一组元素)

      语法:#id名称,.class名称,标签名{要添加的样式}

  5、包含选择器

      定义:通过范围选择元素(选择到的有可能是一个也又可能是多个元素)

      语法:父级 目标元素{要添加的样式}

      注意:父级与目标元素都可以是任意一种选择器选择到的元素

  6、通配符选择器

      *    通配符:用来获取页面中的所有元素。

  二、选择器的优先级

  优先级关系到代码执行的顺序:选择器优先级一致的情况下,谁在后面谁的优先级高,但当选择器优先级不一致的情况下,会选择优先级高的。

  一般来说:

    1、行间样式>id选择器>class选择器>标签选择器>通配符选择器(*)

    2、包含选择器的优先级是一种累加的关系,加起来的值越大优先级越高,值越小,优先级越低。

        行间样式:1000

        id选择器:100

        类选择器:10

        标签选择器:1

    3、群组选择器的优先级取决于位置,哪个靠后哪个的优先级就高,会把前面的样式给覆盖。

 

css之选择器

标签:执行   重复   方法   注意   组元   元素   代码   多个   范围   

原文地址:https://www.cnblogs.com/davina123/p/12013195.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!