zoukankan      html  css  js  c++  java
  • css3选择器

    一、属性选择器

    1、E[attr] 属性名,不确定属性值

    2、E[attr="value"] 指定属性名,并指定确定属性值

    3、E[attr^="value"] 指定属性名,属性值以value开头

    4、E[attr$="value"] 指定属性名,属性值以value结束

    5、E[attr*="value"] 指定属性名,属性值以包含了value

    6、E[attr|="value"] 指定属性名,属性值是value或者是“value—”开头的

    二、伪类选择器

    1、:before 在元素前面添加内容(相当于行内元素)

    2、:after 在元素后面添加内容(相当于行内元素)

    3、nth-child(n) 父元素下的第n个子元素(n必须大于0)

    4、nth-child(odd) 父元素下的奇数子元素(同nth-child(2n-1))

    5、nth-child(even) 父元素下的偶数子元素(同nth-child(2n))

    6、nth-child(an+b) 公式计算 (n可以为0)

    7、nth-last-child(n) 倒数第n个子元素

    8、nth-last-of-type 父元素下的倒数第n个指定类型的子元素 

    9、first-child 选择父元素下的第一个子元素

    10、last-child 选择父元素下的最后一个子元素 

    11、only-child 选择父元素下唯一的子元素

    12、only-of-type 选择父元素下指定类型的唯一子元素

    13、root 选择文档的根目录,返回html

  • 相关阅读:
    17-vue-cli脚手架安装和webpack-simple模板项目生成
    15-其它
    14-表单输入绑定
    k8s组件通信或者创建pod生命周期
    升级CentOS 7.4内核版本--升级到最新
    Linux
    Statefulset的拓扑状态
    nginx浏览器开启密码验证
    为什么我们需要Pod?(容器设计模式sidecar)
    mysql内存优化
  • 原文地址:https://www.cnblogs.com/xlj-code/p/6085829.html
Copyright © 2011-2022 走看看