美文网首页
CSS选择器优先级以及样式命名(3)

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

相关文章

  • Sublime 学习web的css

    html + css + js css引用 css外部样式 css优先级 css的选择器 标签选择器 类选择器 i...

  • CSS选择器优先级以及样式命名(3)

  • 3.20周一

    今天学习css中的文字颜色字体的改变,以及CSS文件的引用! css的选择器selcetcss的优先级,行内样式-...

  • CSS基础知识梳理

    CSS基础知识零碎梳理 选择器 1、选择器优先级: 2、样式优先级 3、选择器的组合 (1)基本选择器: 类型说明...

  • 前端知识

    一. CSS选择器以及选择器的优先级 1.!important 内联样式 ID选择器 类选择器/属性选择器/伪类选...

  • CSS

    [TOC] CssNotes 1、HTML5样式嵌入方法 2、css优先级 3、css长度单位 4、css选择器 ...

  • HTML & CSS & JavaScript 知识点

    1. HTML 2. CSS 2.1 CSS 选择器优先级 !important > 行间样式 > id 选择器 ...

  • css 基本

    css基本 在HTML中使用CSS(引入CSS) 样式优先级(从高到低) 选择器 没有选择器就没法确定样式的作用范...

  • CSS样式(选择器)的优先级

    css样式(选择器)的优先级 计算权重分类 important 内联样式 后写的优先级高

  • 第三天:css选择器的优先级、Adobe photoshop C

    一.css选择器的优先级 css选择器的优先级:作用的元素一样,样式一样,就会有优先级。 1.通配选择器(*):0...

网友评论

      本文标题:CSS选择器优先级以及样式命名(3)

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