美文网首页
css 选择器练习题

css 选择器练习题

作者: 现实里的童话xklss | 来源:发表于2018-08-07 20:15 被阅读0次

    选择器

    1 plate 类型选择器
    2 bento 类型选择器
    3 #fancy ID选择器
    4 plate apple
    5 #fancy pickle 结合后代和ID选择器
    6 .small 类型选择器
    7 orange.small 组合类选择器
    8 bento orange
    9 plate,bento 结合,选择器,用...逗号
    10 * 通用选择器
    11 plate * 结合通用选择器
    12 plate+apple 相邻的兄弟选择器
    13 bento~pickle 一般兄弟选择器
    14 plate>apple 儿童选择器
    15 orange:first-child 第一个儿童伪选择器
    16 :only-child 只有儿童伪选择器
    17 #fancy *:last-child,pickle 最后一个孩子伪选择器
    18 plate:nth-child(3) 第N个儿童伪选择器
    19 bento:nth-last-child(4) 第N个最后一个孩子选择器
    20 apple:first-of-type 首选类型选择器
    21 plate:nth-of-type(even) 类型选择器的第N个
    22 plate:nth-of-type(2n+3) 具有公式的第N类型选择器
    23 apple:only-of-type 仅限类型选择器
    24 orange:last-of-type,apple:last-of-type 最后的类型选择器
    25 bento:empty 空选择器
    26 apple:not(small) 否定伪类

    相关文章

      网友评论

          本文标题:css 选择器练习题

          本文链接:https://www.haomeiwen.com/subject/lqxzvftx.html