CSS选择器优先级以及样式命名(3)
作者:
三人行大道 | 来源:发表于
2019-05-18 07:00 被阅读0次ID选择器>类选择器>标签选择器
同一样式表中:
1.权值相同
就近原则(离被设置元素越近优先级越高)
2.权值不同
根据权值来判断 CSS样式
那种CSS样式权值高,就是用哪种样式
标签选择器权值1
类选择器和伪类选择器权值10
ID选择器100
通配符选择器:0
行内样式:权值为1000
! important规则
可调整样式规则的优先级
添加在样式规则之后,中间用空格隔开
div{color:red !important;}
页头 header
页面主体main
页尾:footer
内容:content/container
容器:container
导航:nav
侧栏:siderbar
栏目:column
页面外围控制:wrapper
左右中 left right,center
标志:logo
广告:banner
登录:login
登录条:loginbar
注册:register
搜索:search
功能区:shop
标题:title
本文标题:CSS选择器优先级以及样式命名(3)
本文链接:https://www.haomeiwen.com/subject/tebpaqtx.html
网友评论