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

     ## css3新增选择器 ##
    一. 字符串匹配属性选择器

        E[att^="val"] ie6不兼容(^表示以这个值开头的元素)
        E[att$="val"] ie6不兼容($表示以这个值结尾的元素)
        E[att*="val"] 表示这个值包含的字符串
        E[att="val"] 表示属性直接等于这个值


    二. 结构性伪类选择器  
      
        (1)匹配父级元素的第N个(要使这个属性生效,p对象必须是某个对象的子元素)(ie6.7.8 Firefox2.0 3.0不兼容)
        语法:P:nth-child{color:#000000}
        (2)匹配父级元素中的倒数第N个元素
        语法:P:last-child(n){color:#000000};(n表示倒数的第几个)
        (3)匹配同级同类中的第N个元素
        语法:p:nth-of-type{};(其他元素会无视) 
        (4)匹配同级同类元素中的倒数第N个元素
        语法:P:last-of-type{}
        (5)匹配父元素中的最后一个元素
        语法:P:last-child{color:#000000};
        (6)匹配同级元素中的第一个元素
        语法:P:first-of-type{}
        (7)匹配父级元素中的唯一一个元素
        语法:P:only-child{};
        (8)匹配同类型院中的兄弟元素
        语法:P:only-of-type{};(对其他元素无影响,声明的P元素中能有一个匹配,没有任何子元素的元素)    
         
    三. UI元素状态伪类选择器

    四. 否定伪类选择器/过滤选择器
    五. 目标伪类选择器
    六. 通用兄弟选择器

  • 相关阅读:
    线段树 BZOJ1858 [Scoi2010]序列操作
    dfs序+线段树 BZOJ3252 攻略
    线段树 BZOJ3888 [Usaco2015 Jan]Stampede
    线段树 BZOJ1798 [Ahoi2009]Seq 维护序列seq
    大坑【持续更新……】
    LCA树剖法模板
    Tarjan-LCA HDU2586 How far away ?
    动态规划 洛谷P2401 不等数列
    搜索 洛谷P2530 [SHOI2001]化工厂装箱员
    动态规划 洛谷P1077 摆花
  • 原文地址:https://www.cnblogs.com/shy-z/p/4787670.html
Copyright © 2011-2022 走看看