美文网首页
基础学习之选择器优先级比较(CSS)

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

作者: silly鸿 | 来源:发表于2017-07-25 19:20 被阅读0次

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

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

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

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

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

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

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

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

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

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

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

继承性(body)>默认实例

继承性优先级大于默认

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

相关文章

网友评论

      本文标题:基础学习之选择器优先级比较(CSS)

      本文链接:https://www.haomeiwen.com/subject/idlgkxtx.html