zoukankan      html  css  js  c++  java
  • CSS3新增:结构伪类选择器&伪元素选择器

    1.结构伪类选择器:可方便的选取一个或多个特定的元素

    :first-child 选取属于其父元素的首个子元素

    :last-child 选取属于其父元素的最后一个子元素

    :nth-child(n) 选择第n个子元素

           n=even / 2n :选取偶数孩子  

        n=odd / 2n+1 :选取奇数孩子

    2.伪元素选择器:

    ::first-letter / line: 文本第一个单词 / 第一行

    ::selection: 改变选中文本的样式

    ::before & ::after

    这两兄弟特性一样:1.必须要带content属性(可以为空)

             2.属于行内盒子

    3.属性选择器:

    div[class=xx]: 选择类名为xx的div

    div[class^=xx]: 选择以类名为xx开头的div

    div[class$=xx]: 选择类名是以xx结束的div

    div[class*=xx]: 选择类名带有xx的div

  • 相关阅读:
    Python基础知识
    Oracle 总结
    Linux基本命令
    测试理论
    计算机基础
    http常见的状态码,400,401,403状态码分别代表什么?
    html
    day21 包
    day20 模块引入的一些说明
    我又回来了???
  • 原文地址:https://www.cnblogs.com/jinfengJeff/p/11101499.html
Copyright © 2011-2022 走看看