基础学习之选择器优先级比较(CSS)

行内标签>ID选择器>类选择器>标签选择器>通配符选择器)>继承性>默认

行内标签(style)>ID选择器(#)实例

行内标签优先级大于ID选择器

ID选择器(#)>类选择器(.)实例

ID选择器优先级大于类选择器

类选择器(.)>标签选择器(各标签)实例

类选择器优先级大于标签选择器

标签选择器(各标签)>通配符选择器(*)实例

标签选择器优先级大于通配符选择器

通配符选择器(*)>继承性(body)实例

通配符选择器优先级大于继承性

继承性(body)>默认实例

继承性优先级大于默认

总结:以上实例充分体现了CSS(样式表)的层叠性优先级

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

推荐阅读更多精彩内容