首页 > 试题广场 >

CSS选择器有哪些，优先级呢

[问答题]

CSS选择器有哪些，优先级呢

添加回答
拯救世界的光太郎头像 拯救世界的光太郎

选择器的优先级：

越是可以唯一定位到某个元素的选择器，其优先级越高。这就是为什么 id 选择器优先级要高于标签选择器，不同的元素标签可能相同，但是id一定不同。

优先级：id选择器 ＞ class选择器 ＞ 标签选择器

样式表的优先级：

专一性越强的样式表，其优先级越高。

  • 行内样式（内联样式，如：<div style="...">）优先级最高，它专门用于修饰当前所在标签（暂不考虑子元素）
  • 内部样式（<head><style>...</style></head>）可以对当前 html 文件所有标签进行修饰
  • 外部样式（外部的.css .less等样式文件）则是谁调用，就可以修饰谁，

因此有优先级：行内样式（内联样式）＞ 内部样式 ＞ 外部样式

编辑于 2021-04-11 11:35:26 回复(0)
牛牛百分百头像 牛牛百分百
<p>标签选择器，类选择器，id选择器，行内选择器！important，权重最大，后代:父级+子级权重</p>
发表于 2020-06-04 18:07:40 回复(0)
火柴哥头像 火柴哥

<p>基本选择器有：</p><p>标签选择器：统一定义常用标签的基本样式</p><p>类选择器：“class”，以.开头后面接自己定义的类名</p><p>ID选择器：“id”，以#开头后面接名字</p><p>通配选择器：用*表示，可以可以一次性定义所有元素</p><p><br></p><p><br></p><p>高级选择器有</p><p>后代选择器：用空格隔开</p><p>交集选择器：用.隔开</p><p>并集选择器：用，隔开</p><p>伪类选择器：</p><p><br></p><p><br></p>


行内样式》ID选择器》类选择器》标签选择器》通配符选择器

编辑于 2020-05-26 17:05:34 回复(0)
提交观点

问题信息

上传者：小小
难度：
3条回答 868浏览

热门推荐

相关试题

扫一扫，把题目装进口袋

求职之前，先上牛客

扫描二维码，进入QQ群

扫描二维码，关注牛客公众号