CSS 常见选择器有哪些? 优先级是什么? 下面本篇文章就来给大家介绍一下 CSS 常见选择器以及它们的优先级. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
选择器也称为选择符, 所有的 html 语言中的标记都是通过 CSS 选择器控制的. 常见的 CSS 选择器有标签选择器, 类选择器, id 选择器, 通配符选择器.
1, 标签选择器
标签选择器, 也称为元素选择器. 标签选择器的基本形式如下: tagName{property:value}, 其中 tagName 是标签名称, property 是 CSS 的属性.
2, 类选择器
类选择器用来为一系列标签定义相同的呈现方式, 常用的语法是. classValue{property:value}. 其中 classValue 是类选择器的名称, 这是由 CSS 编写者自己命名.
3,ID 选择器
ID 选择器定义的是某一个特定的 HTML 元素, 一个网页中只有一个标签或元素使用某一 ID 的属性值. ID 选择器的基本语法格式如下:
#idValue{property:value}. 其中 idValue 是 ID 选择器的名称, 可以由 CSS 编写者自己编写.
4, 通配符选择器
通配符选择器, 也称为全局选择器, 就是对所有的 htmlz 元素起作用. 语法格式为: *{propery:value}. 其中 "*" 表示对所有元素起作用, property 表示 CSS 的属性, value 表示属性值.
选择器的优先级
在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式.
作为 style 属性写在元素内的样式
id 选择器
类选择器
元素选择器
通配符选择器
浏览器自定义或继承
总结排序:!important> 行内样式 > ID 选择器 > 类选择器 > 元素 > 通配符 > 继承 > 浏览器默认属性
更多 CSS 相关知识, 可访问 CSS 教程 https://www.html.cn/css/ !
来源: http://www.css88.com/qa/css3/15096.html