• css中的选择器


     选择器            说明
        *                通用元素选择器,匹配任何元素
        E                标签选择器,匹配所有使用E标签(所有HTML元素)的元素
        .info            class选择器,匹配所有class属性中包含info的元素
        #footer        id选择器,匹配所有id属性等于footer的元素   
        多元素的组合选择器  
        选择器            说明
        E,F             多元素选择器,同时匹配所有E元素或F元素,E和F之间用逗号分隔
        E F                后代元素选择器,匹配所有属于E元素后代的F元素,E和F之间用空格分隔
        E>F               子元素选择器,匹配所有E元素的子元素F(第一层后代)
        E+F               毗邻元素选择器,匹配所有紧随E元素之后的同级元素F
        E~F               同级元素通用选择器,匹配任何在E元素之后的同级F元素
        选择器            说明
        E[att]            匹配所有具有att属性的E元素,不考虑它的值。(注意:E在此处可以省略,比如"[checked]",以下同)
        E[att=val]        匹配所有att属性等于"val"的E元素
        E[att~=val]        匹配所有att属性具有多个空格分隔的值、其中一个值等于"val"的E元素
        E[att |=val]    匹配所有att属性具有多个连字号分隔(hyphen-separated)的值、其中一个值以"val"开头的E元素,主要用于lang属性,比如"en"、'en-us'、"en-gb"等等
        E[att^="val"]    属性att的值以"val"开头的元素
        E[att$="val"]    属性att的值以"val"结尾的元素
        E[att*="val"]    属性att的值包含"val"字符串的元素

  • 相关阅读:
    《社会动物》笔记
    对长城汽车品牌多样化的一点思考
    LightGBM简单例子
    mysql拆分字符串为多行(逗号等分割)
    vue中$refs、$emit、$on的使用场景
    js中的call()和apply()和bind()方法
    Vue.js中this.$nextTick()的使用
    Vue中ref和$refs的介绍及使用
    ES6(异步操作和Async函数&await)
    vue项目在git commit时,使用eslint检测
  • 原文地址:https://www.cnblogs.com/bwteacher/p/4685639.html
Copyright © 2020-2023  润新知