菜单 学习猿地 - LMONKEY

 css常见选择器有哪些?优先级是什么?

css常见选择器有哪些?优先级是什么?

mzyTest profile image mzyTest ・1 min read

选择器也称为选择符,所有的html语言中的标记都是通过css选择器控制的。常见的css选择器有标签选择器、类选择器、id选择器、通配符选择器。

1、标签选择器

标签选择器,也称为元素选择器。标签选择器的基本形式如下:tagName{property:value},其中tagName是标签名称,property是css的属性。

1.jpg

2、类选择器

类选择器用来为一系列标签定义相同的呈现方式,常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称,这是由css编写者自己命名。

2.jpg

3、ID选择器

ID选择器定义的是某一个特定的html元素,一个网页中只有一个标签或元素使用某一ID的属性值。ID选择器的基本语法格式如下:

#idValue{property:value}。其中idValue是ID选择器的名称,可以由CSS编写者自己编写。

3.jpg

4、通配符选择器

通配符选择器,也称为全局选择器,就是对所有的htmlz元素起作用。语法格式为: *{propery:value}。其中“*”表示对所有元素起作用,property表示css的属性,value表示属性值。

4.jpg

选择器的优先级

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

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

  3. id选择器

  4. 类选择器

  5. 元素选择器

  6. 通配符选择器

浏览器自定义或继承

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

评论 (0)