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

最新推荐文章于 2022-03-23 08:59:04 发布

DaftJayee

最新推荐文章于 2022-03-23 08:59:04 发布

阅读量684

点赞数

分类专栏： css 前端面试题

本文链接：https://blog.csdn.net/qq_43540219/article/details/107920119

版权

本文详细介绍了CSS选择符的种类，包括通配选择器、元素选择器、类选择器等。同时，讨论了CSS中可以继承的属性，如color和font-size。还解析了CSS优先级算法，包括!important、行内样式、ID、类和元素的选择器优先级，并阐述了如何计算选择器的特殊性值。此外，文章还提及了a标签伪类选择器的优先级和声明顺序，遵循LVHA原则的原因。

摘要由CSDN通过智能技术生成

一、CSS选择符有哪些？

id   	#
class 	.
标签   	div p 
相邻   	ul+div
子     	ul>li
后     	ul li
通配   	*
属性   	a[href='xxx']
伪类   	a:after  a:hover...

二、CSS中哪些属性可以继承？
答常见的color 、 font-size即可
三、优先级算法如何计算？
!important > 行内样式 > id> class > 元素和伪元素>通配选择器*

选择器的特殊性值表述为4个部分，用0,0,0,0表示。

行间样式的特殊性是1,0,0,0

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

DaftJayee

关注关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

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

码上行动

06-18

1599

CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？1、选择符2、继承3、优先级总结 CSS选择符有哪些？哪些属性可以继承？优先级算法如何计算？ 1、选择符 基本选择器：标签选择器 div,h1,p{} 多个标签时为群组选择器 id选择器 #mydiv{} 类名选择器 .mydiv{} 通配符选择器 *{} 层次选择器：后代选择器 parent n{} 选中parent元素

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

weixin_30772105的博客

07-04

147

CSS 选择符有哪些？ 1.id选择器（#id） 2.类选择器（.class） 3.标签选择器（div，h1，p） 4.相邻选择器（h1 + p） 5.子选择器（ul > li） 6.后代选择器（li a） 7.通配符选择器（ * ） 8.属性选择器（a[title]） 9.伪类选择器（a:hover，li:nth-child）可继承的样式 1...

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

CSS 选择符

释然

04-24

3221

选择符，顾名思义，用于从XHTML文档中选择元素。选择符有很多种，各有其不同的具体性（specificity），可以确定一大批元素或者仅仅几个元素。具体性是度量选择符的作用范围的手段。所谓作用范围，换句话说，指定是选择符选择了多少元素。在CSS的设计原则中，比较具体的选择符将凌驾于较不具体的选择符之上并取而代之。具体性是CSS中较为含糊和你难以掌握的概念之一，但也是这种语言中最强大的特性之一。接下

CSS中可继承的属性

weixin_38166557的博客

04-18

177

不可继承的属性太多了不要背，记住可以继承的属性有哪些就行了。可以继承的属性很少，只有颜色，文字，字体间距行高对齐方式，和列表的样式可以继承。这么来记很轻松的呀！不要被下边的吓到了哦~ 所有元素可继承：visibility和cursor。内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font、f...

CSS优先级算法如何计算？有哪些判定规定及计算方式

12-13

CSS 的specificity 特性或称非凡性，它是一个衡量CSS值优先级的一个标准，既然作为标准，就具有一套相关的判定规定及计算方式，specificity用一个四位的数字串(CSS2是三位)来表示，更像四个级别，值从左到右，左面...

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

03-16

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

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

最新发布

05-24

CSS优先级算法根据以下规则计算： 1. 样式表中!important声明的优先级最高，即使在后面出现也优先应用； 2. 行内样式优先级次之，即在标签内部使用style属性定义的样式； 3. ID选择器的优先级高于类选择器和标签...

CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？...

09-11

244

CSS 选择符： 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[...

CSS选择符、属性继承、优先级算法以及CSS3新增伪类、新特性

weixin_30491641的博客

08-22

136

CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3新增伪类有那些？CSS新增了哪些特性？下面我整理了一些，仅供参考。 CSS 选择符： 1) id选择器(# myid) 2) 类选择器(.myclassname) 3) 标签选择器(div, h1, p) 4) 相邻选择器(h1 + p) 5) 子选择器(ul &gt...

css有哪些选择器，优先级如何计算？

weixin_41506097的博客

05-29

933

大家好，我是IT修真院上海分院第7期的学员，一枚正直纯洁善良的web前端。今天给大家分享一下，css有哪些选择器，优先级如何计算？？希望能够给大家带来一些收获和思考。目录1.背景介绍 2.知识剖析 3.常见问题4.解决方案 5.编码实战 6.扩展思考 7.参考文献 8.更多讨论1.背景介绍要使用css对...

CSS 选择符有哪些

不知名人士的博客

06-30

564

id选择器（#myid）类选择器（.myclassname）标签选择器（div, h1, p, …）后代选择器（h1 p）相邻后代选择器（子选择器）（ul > li）兄弟选择器（li ~ a）相邻兄弟选择器（li + a）属性选择器（a[rel=“external”]）伪类选择器（a:hover, li:nth-child）伪元素选择器（::before, ::after）通配符选择器（*）摘抄自：Github，作者：CavsZhouyou 链接：https://githu.

CSS 选择符有哪些？

liuhao9999的博客

03-23

761

（1）id选择器（#myid）（2）类选择器（.myclassname）（3）标签选择器（div,h1,p）（4）后代选择器（h1 p）（5）相邻后代选择器（子）选择器（ul>li）（6）兄弟选择器（li~a）（7）相邻兄弟选择器（li+a）（8）属性选择器（a[rel="external"]）（9）伪类选择器（a:hover,li:nth-child）（10）伪元素选择器（::before、::after）（11）通配符选择器（*） ...

css中哪些属性可以继承？

weixin_30955341的博客

03-26

142

这是前两天突然想到的一个问题，经常看见有的css样式中会出现XXX:inherit;自己模仿的时候也就跟着写了，但却不知道它的原理是什么。当然，留心的话多写几次也能总结出来，比如经常看见文本相关的会写inherit，表格类会写inherit，但不总结的话，知识就不会形成经证实的认知，不会完全吸收为自己的东西，所以还是查找了资料记录下来。 css中默认会继承的属性在上面已经提到了，一是文本相关的属...

CSS有哪些属性可以继承？

IT修真院：初学者转行到互联网的聚集地

06-03

4945

这里是修真院前端小课堂，每篇分享文从【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】八个方面深度解析前端知识/技能，本篇分享的是：【CSS有哪些属性可以继承？】 1.背景介绍了解css样式表的继承，我们先从文档树（HTML DOM）开始，文档树由HTML元素组成,文档树和家族树类似，也有祖先、后代、父亲、孩子、兄弟 ...

CSS 中哪些属性可以继承？

liuhao9999的博客

03-23

5228

每个CSS属性定义的概述都指出了这个属性是默认继承的，还是默认不继承的。这决定了当你没有为元素的属性指定值时该如何计算值。当元素的一个继承属性没有指定值时，则取父元素的同属性的计算值。只有文档根元素取该属性的概述中给定的初始值（这里的意思应该是在该属性本身的定义中的默认值）。当元素的一个非继承属性（在Mozilla code里有时称之为reset property）没有指定值时，则取属性的初始值initial v alue（该值在该属性的概述里被指定）。有继承性的属性：（1）字体系列属.