列举并解释你用的css选择器，css的优先级怎么判断_CSS学习

当前位置：网站建设 > 技术支持

列举并解释你用的css选择器，css的优先级怎么判断_CSS学习

资料来源：网络整理时间：2023/3/4 1:35:19 共计：3577 浏览

1、列举并解释你用的css选择器，css的优先级怎么判断？

css选择器优先级怎么比较

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

● 不同级别

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

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

3. id选择器

4. 类选择器

5. 元素选择器

6. 通配符选择器

7. 浏览器自定义或继承

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

● 同一级别

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

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

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

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

2、css类选择器用什么做前缀表示？

>10 CSS类选择器也就是选择html编码中标明为特定Class(类)的元素.如<p Class="mytest">这是我要编辑的段落</p>，在CSS文件中可用 .mytest{ }来表达想要显示的样式。简单地说，CSS类选择器用" . "做前缀。

3、css三种选择器的特点？

css选择器的类型分为3类:标记选择器、类别选择器和ID选择器。

（可能名称有不同的说法，但意思都是一样的）标记选择器是利用HTML的标记直接定义标记内容的样式，如：h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器，定义的时候要在名称前加.如：.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW写CSS的时候，高级就是上面说的ID选择器，ID选择器的名字可以任意命名，可以自己定义，可是标签就只能是HTML语言里制定的那些标记，不能自己定义。

4、在CSS里在每个标记前加？

#是一种 CSS 标记选择器~~~ 它是针对网页中某个标签的 id 值而应用样式的~~比如页面中有:

那么，要为这个 div 标签应用样式，就需要在CSS中写：#hello{ font-size:14px; /* 再添加其它的样式 */}

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：列举css选择器范例，postcss和cssmodule是什么_CSS学习 | ·下一条：边框border渐变，荣耀20pro边框材质_CSS学习