zoukankan      html  css  js  c++  java
  • CSS(选择器)

    CSS(选择器

    作用:用于匹配 HTML 元素

    选择器分类:

    1.元素选择器  a{}

    2.伪元素选择器  ::before{}  (真实存在的元素)

    3.类选择器   .link{}

    4.属性选择器[type=radio]{}

    5.伪类选择器  :hover    (一种状态,不是真实存在的)

    6.ID选择器  #id          (唯一存在)

    7.组合选择器[type=checkbox]+label{}

    8.否定选择器  :not(.link){}

    9.通用选择器  *{}

    选择器权重:

    1.ID 选择器  #id{} +100

    2.类  属性  伪类    +10

    3.元素 、伪元素   +1

    4.其他选择器       +0

    实例:

    (计算权重不存在进位,一个 ID 选择器 权值 >  10个 类 选择器 权值 )

    结果:

    补充:1.!important 优先级最高

               2.元素属性(内联 > 外嵌)  优先级高

               3.相同权重  后写的生效

  • 相关阅读:
    2021年2月22
    2021年2月21
    2021年2月20
    2021年2月19
    动态添加titie属性
    根据内容改变文字颜色!
    自定义弹出层!
    来回切换图标以及文字
    20180831xlVBA_WorksheetsCosolidate
    20180830xlVBA_合并计算
  • 原文地址:https://www.cnblogs.com/jianghao233/p/9032618.html
Copyright © 2011-2022 走看看