【前端】18、CSS 都有哪些选择器?

释放双眼,带上耳机,听听看~!
  1. 派生选择器(用 HTML 标签申明)

  2. id 选择器(用 DOM 的 ID 申明)

  3. 类选择器(用一个样式类名申明)

  4. 属性选择器(用 DOM 的属性申明,属于 CSS2,IE6 不支持,不常用,不知道就算了)除了前 3 种基本选择器,还有一些扩展选择器,包括:

    后代选择器(利用空格间隔,比如 :

    div .a{         }

    群组选择器(利用逗号间隔,比如 :

    p,div,#a{        }

那么问题来了,CSS 选择器的优先级是怎么样定义的?

  1. 基本原则:

    一般而言,选择器越特殊,它的优先级越高。也就是选择器指向的越准确,它的优先级就越高。

  2. 复杂的计算方法:   

     用 1 表示派生选择器的优先级

     用10 表示类选择器的优先级

     用 100 标示 ID 选择器的优先级

  

内容投诉

人已赞赏
前端面试

【前端】17、有哪项方式可以对一个 DOM 设置它的 CSS 样式?

2020-5-17 18:19:20

前端面试

【前端】19、CSS 中可以通过哪些属性定义,使得一个 DOM 元素不显示在浏览器可视范围内?

2020-6-29 18:16:24

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索