css的选择器有哪些？他们的优先级？哪些属性可以继承？

最新推荐文章于 2025-07-01 09:31:29 发布

原创最新推荐文章于 2025-07-01 09:31:29 发布 · 566 阅读

2 ·

CC 4.0 BY-SA版权

前端知识专栏收录该内容

19 篇文章

订阅专栏

本文详细介绍了CSS中各种选择器的使用方法，包括id选择器、class选择器、标签选择器等，并阐述了它们的优先级顺序。此外，还讲解了哪些CSS属性可以被继承，以及样式表的来源及其优先级。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、css选择器

名称	符号
id选择器	#
class选择器	.
标签选择器	例如P
通配符选择器	*
子代选择器	>
后代选择器	空格
相邻兄弟选择器	+
选择器分组	，
属性选择器	[xxx]、[rel=xxx]
伪类

二、优先级

! important > id选择器 > class选择器 > 标签选择器

三、哪些属性可以继承、哪些属性不能继承

参考：https://www.cnblogs.com/lzcblog/p/9978201.html

四、样式表的来源及优先级

内联样式 > 内部样式 > 外部样式 > 浏览器用户自定义样式 > 浏览器默认样式

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

-rainbow-

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

CSS选择器有哪些？哪些属性可以继承？

祈澈菇凉

10-22

203

5：后代选择器（Descendant Selector）：通过选择器的空格分隔，选择元素的后代元素，例如 .parent .child 选择具有 class=“child” 的元素，其父元素具有 class=“parent”。4：属性选择器（Attribute Selector）：通过元素的属性选择元素，例如 [type=“text”] 选择具有 type=“text” 属性的元素。关于继承，CSS中有一些属性是可以继承的，即子元素会继承父元素的属性值。列表属性（list）：包括列表标记的样式等。

css继承与选择器的权重

weixin_52984349的博客

07-07

553

css继承与选择器的权重,跟着小白一起学，每天一小步。

参与评论您还未登录，请先登录后发表或查看评论

CSS选择器有哪些？ 优先级？哪些属性可以继承？

weixin_46820017的博客

03-05

522

如果存在内联样式，那么 A = 1 , 否则 A = 0。C的值等于类选择器 和属性选择器 和伪类出现的总次数。内联 > ID选择器 > 类选择器 > 标签选择器。D 的值等于标签选择器 和伪元素出现的总次数。h1 -h6标签字体的大下也是不能被继承的。B的值等于 ID选择器出现的次数。a 标签的字体颜色不能被继承。

从入门到精通：CSS选择器

局外人LZ的博客

07-01

861

CSS选择器是用于精准定位HTML元素并施加样式规则的核心工具，通过多样化的匹配模式实现灵活控制。基础选择器包括元素选择器（如div）、类选择器（.class）、ID选择器（#id）和通用选择器（*），分别按标签名、类名、唯一ID或全局匹配；组合选择器通过层级关系增强精确性，例如后代选择器（nav a）匹配嵌套元素，子选择器（ul > li）限定直接子级，相邻兄弟（h1 + p）和通用兄弟（h2 ~ p）则控制同级元素。属性选择器（如[href^=“https”]）依据属性值匹配，而伪类（:hover、:n

面试官：CSS选择器有哪些？优先级？哪些属性可以继承？

weixin_44475093的博客

03-30

1410

一、选择器CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素，叫做“选择器的对象”我们从一个...

css面试题

MySunshine07的博客

09-27

269

1、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？答：标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin 低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin 2、 CSS选择器有哪些？哪些属性可以继承？答：CSS选择符：id选择器(#myid)、类选择器(.my...

CSS选择器有哪些？哪些属性可以继承？CSS优先级算法如何计算？

05-24

CSS选择器包括元素选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器等。 CSS中可以继承的属性包括字体系列、字号、字重、颜色、行高、列表样式、文本系列、文本装饰、文本缩进、文本对齐等。 ...

16.Css的选择器有哪些？优先级是什么？哪些属性可以继承？哪些能继承？

05-19

CSS选择器有以下几种： 1. 元素选择器（Element Selector） 2. ID选择器（ID Selector） 3. 类选择器（Class Selector） 4. 属性选择器（Attribute Selector） 5. 伪类选择器（Pseudo-class Selector） 6. 伪元素...

css 选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和 important 哪个优先级高?

03-16

CSS选择符包括标签选择器、类选择器、ID选择器、属性选择器、伪类选择器、伪元素选择器、后代选择器、子元素选择器、相邻兄弟选择器和通用选择器等。可以继承的属性包括字体、颜色、行高、文本对齐、列表样式、...

CSS 选择符有哪些？优先级算法如何计算？

最新发布

07-17

我们正在回答用户关于CSS选择器类型及其优先级计算的问题。根据用户提供的引用内容，我们可以整理出以下信息： 1. **CSS选择器的类型**： - 引用[1]和[3]提到了常见的选择器类型：ID选择器、类选择器、属性选择器...

css选择器有哪些？优先级？哪些属性可以继承？

weixin_66557048的博客

06-12

278

总体上，CSS选择器可以灵活应用于HTML标记，通过css属性来装饰网页页面，并且继承性的存在可以进一步减少代码冗长度。

CSS 选择器？哪些属性可以继承？ CSS新增伪类有哪些？

weixin_41470109的博客

04-25

378

选择器： 1，id选择器（#myid），2，类选择器（.myclassname），3，标签选择器（div，h1，p），4，子选择器（ul < li），5，后代选择器（li a），6，通配符选择器（*），7，属性选择器（a[rel= ‘external’]），8，相邻选择器（h1 + p），9，伪类选择器（a:hover，li：nth-child）；可继承： ...

CSS的选择器有哪些？哪些属性可以继承？优先级算法如何计算？

qq_39750019的博客

03-04

316

id # class . 标签 div p 相邻 ul+div 子ul>li 后ul li 通配 * 属性a[href=’'xxxx"] 伪类 a:after a:hover CSS中哪些可以继承：color font-size 优先级算法如何计算：!important > 行内 > id > class > tag ...

css 选择器有哪些？优先级？哪些属性可以继承？

zz130428的博客

02-14

733

类选择器出现了 1 次，属性选择器出现了 0 次，伪类选择器出现 0 次，所以 C = (1 + 0 + 0) = 1。经过上面的优先级计算规则，我们知道内联样式的优先级最高，如果外部样式需要覆盖内联样式，就需要使用。后代选择器（#box div），选择 id 为 box 元素内部所有的 div 元素。子选择器（.one>one_1），选择父元素为.one 的所有.one_1 的元素。相邻同胞选择器（.one+.two），选择紧接在.one 之后的所有.two 元素。