放肆青春的博客
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)

放肆青春

一个前端菜鸟的技术成长之路
首页
前端
算法
网络
面试
技术
后端
运维
杂项
数据库
工具
网址
电脑
个人
文章
  • 分类
  • 标签
  • 归档
github (opens new window)
gitee (opens new window)
  • 前端

    • 前端 概览
    • 前端汇总

    • front 博文

    • front 项目总结

    • front 高级

    • front tools

  • vue

    • vue 概览
    • vue 汇总

    • vue 博文

    • vue 项目总结

    • vue 高级

  • html

    • html 概览
    • html 汇总

    • html 博文

  • css

    • css 概览
    • css 汇总

    • css 博文

      • css 隔离
      • css 选择器
        • css 布局
        • css 盒子
        • css 文档流
        • css BFC
        • css 回流重绘
        • css 居中
        • css margin合并和塌陷
        • css hack
        • css 行内和块级元素
        • css 单位
        • css 动画
        • css 硬件加速
        • 伪类/伪元素
        • flex布局
        • grid布局
        • table布局
        • 雪碧图/精灵图
      • sass

      • less

    • js

      • javascript 概览
      • JS 汇总

      • ES6

      • JS 博文

      • JS 工具

    • node

      • node 概览
      • node 汇总

      • node 框架

      • node 博文

    • react

      • react 概览
      • react 汇总

      • react 博文

      • react 高级

    • 微信小程序

      • 微信小程序 概览
      • 微信小程序总结
      • 微信小程序文章
      • 微信小程序 博文

      • 微信小程序 高级

    • 微信公众号

      • 微信公众号 概览
      • 微信公众号总结
      • 微信公众号文章
    • 多端开发

      • 多端开发
      • dsbridge 概览
      • jsbridge 概览
      • webview
      • uniapp

        • uniapp 概览
      • taro

        • taro 概览
      • flutter

        • flutter 概览
        • flutter 环境搭建
      • electron

        • electron 概览
    • front
    放肆青春
    2021-05-17

    css 选择器

    # css 选择器种类

    1. ID 选择器

    2. 标签选择器

    3. 类选择器

    4. 伪类选择器

    5. 全局选择器(如:*号)

    6. 组合选择器

    7. 子选择器 (如:div>p ,带大于号>)

    # 选择器优先级及权重

    1. 行内样式,如: style=””,权值为 1000。

    2. ID 选择器,如:#content,权值为 0100。

    3. 类,伪类和属性选择器,如.content,权值为 0010。

    4. 标签选择器和伪元素选择器,如 div p,权值为 0001。

    5. 通配符、子选择器、相邻选择器等的。如*、>、+,权值为 0000。

    6. 继承的样式没有权值。

    优先级:!important > 行内样式 > ID 选择器 > 类选择器 = 属性选择器 = 伪类选择器 > 标签选择器 = 伪元素选择器 > 通配符 > 继承 > 浏览器默认属性

    更新时间: 12/24/2021, 4:08:09 PM
    css 隔离
    css 布局

    ← css 隔离 css 布局→

    最近更新
    01
    前端权限管理
    02-24
    02
    vue2指令
    02-24
    03
    vue2 hook
    02-24
    更多文章>
    Theme by Vdoing | Copyright © 2019-2022 放肆青春
    • 跟随系统
    • 浅色模式
    • 深色模式
    • 阅读模式