1000字范文,内容丰富有趣,学习的好帮手!
1000字范文 > 写出css基础选择器 css选择器标签不能嵌套 – CSS – 前端 可以用哪些软件建立和编辑css

写出css基础选择器 css选择器标签不能嵌套 – CSS – 前端 可以用哪些软件建立和编辑css

时间:2021-11-18 05:41:45

相关推荐

写出css基础选择器 css选择器标签不能嵌套 – CSS – 前端 可以用哪些软件建立和编辑css

@ CSS选择器权重如何计算?

很古老的话题了

id=100

class=10

tag(标签)=1

按照这个规律去计算,比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面,偶推荐了解下BEM命名规则,这个观念很好,可以从侧面杜绝权重问题的产生,还有一个就是提高权重的方法 !important;

@ css层次选择器有哪些?

选择器body > div只操作body下级的div。div1 + div2只选择div1 同级 随后 相邻最近 的div2div1 ~ p 选择div1下所有的p属性选择器

@ css的优先级怎么判断?

css选择器优先级怎么比较

CSS选择器中比较常见的有标签选择器、ID选择器、类选择器以及子选择器。而事实上,CSS选择器如果细分下来,竟然多达40多种。那他们的优先级该怎么比较呢,下面就来看看吧。

● 不同级别

1. 在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。

2. 作为style属性写在元素内的样式

3. id选择器

4. 类选择器

5. 元素选择器

6. 通配符选择器

7. 浏览器自定义或继承

总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性

● 同一级别

(1) 同一级别中后写的会覆盖先写的样式

(2) 同一级别css引入方式不同,优先级不同

总结排序:内联(行内)样式 > 内部样式表 > 外部样式表 > 导入样式(@import)。

对于选择器优先级,还可以通过计算权重值来比较

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。