CSS有哪些选择器,优先级如何计算

为何会有CSS选择器?

HTML页面中元素的尺寸大小,颜色,状态等是可以通过CSS选择器进行控制的。

要想使用CSS将样式应用于特定的HTML元素,我们就需要想办法找到这个元素。

而在CSS中,执行这一个任务的样式规则任务的部分称之为选择器(Selector)。

常用的选择器

最常用的选择器类型是:类型选择器后代选择器。适用于应用那些使用范围广的一般性样式。

类型选择器:是用来寻找特定类型的元素,譬如段落或者标题元素。

类型选择器也称之为 元素选择器 或 简单选择器。

后代选择器:可用来寻找特定元素或元素组的后代。

后代选择器由其他两个选择器之间的空格表示,后代选择器作用于所有子后代元素。

伪类选择器:有时候我们需要根据文档结构之外的其他条件对元素应用样式,譬如表单元素或者链接的状态 这就需要使用伪类选择器来完成

伪类链接的顺序:如果多个伪类标签不按照规定的顺序,是没有效果的。

a:link/* 未访问的链接 */

a:visited/* 已访问的链接 */

a:hover/* 鼠标在链接上 */

a:active/击激活链接——在你点击该链接之后

选择器的优先级:以权值大小来划分,权值越大,越优先。

选择器的特殊性分为4个等级

内联样式表的权值为 1000

ID 选择器的权值为 100

Class 类选择器的权值为 10

HTML 标签选择器的权值为 1

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容