zoukankan      html  css  js  c++  java
  • CSS3——新增的选择器

    CSS3新增的三个模块 

    关系选择器

    E+F

    下一个满足条件的兄弟元素节点

    E~F

    并列结构下满足条件的兄弟元素节点

     

    属性选择器

    E[attr~="val"]

    E[attr |="val"]

    E[attr^="val"]

    E[attr$="val"]

    E[attr*="val"]

      

    伪元素选择器

    E::placeholder

    E::selection

    效果

    伪类选择器

    描述:被选中的元素一种状态

    E:not(s)

    真实应用于为ul下面的li添加下线,最后一个不添加。不会出现线重叠

    E:root

     E:target

    被标记成锚点之后,哪个标签的被标记了,就会变成target 

    点击效果

    E:first-child

    E:last-child

     

     

    E:only-child

     

    E:nth-child(n)

     

    E:nth-last-child(n)

     

    E:first-of-type

     

    E:last-of-type

     

    E:only-of-type

     

    E:nth-of-type(n)

     

    E:nth-of-last-type(n)

     跟nth-of-type倒着查,方法同上

    E:empty

     

    E:checked

     

    未点击状态

    点击后状态

     

    E:enabled

     

     

    E:disabled

     

    E:read-only

     

    E:read-write

     就是可以选中没有设置readonly的input

  • 相关阅读:
    ResourceManager总体架构
    Yarn聚合日志
    Hive参数配置方法
    Hive任务日志及日志调试
    bugku web web3
    bugku web 矛盾
    bugku web web基础
    Bugku 杂项 眼见非实
    Bugku 杂项 啊哒
    JarvisOJ Basic Help!!
  • 原文地址:https://www.cnblogs.com/yangpeixian/p/11186373.html
Copyright © 2011-2022 走看看