zoukankan      html  css  js  c++  java
  • css3学习 理论之选择器

    属性选择器:

    E[attr^="bar"] 选择匹配E的元素,并且该元素定义了attr属性,该属性值包含了前缀为"bar"的子字符串

    E[attr$="bar"] 选择匹配E的元素,并且该元素定义了attr属性,该属性值包含了后缀为"bar"的子字符串

    E[attr*="bar"] 选择匹配E的元素,并且该元素定义了attr属性,该属性值包含了"bar"的子字符串

    结构伪类选择器:

    E:root,选择匹配E所在文档的根元素,在(X)HTML问当中,根元素就是HTML元素

    E:nth-child(n),选择所有在其父元素中的第n个位置的匹配E的子元素。n可以是数字、关键字(odd、even)、公式(2n、2n+1),索引起始值为1,例如:

        tr:nth-child(5)匹配表格里排第五行的tr元素;tr:nth-child(odd)匹配表格的奇数行。。。。。。

    E:nth-last-child(n),选择所有在其父元素中的倒数第n个位置的匹配E的子元素。

    E:nth-of-type(n),选择父元素中的第n个位置,且匹配E的子元素。所有匹配E的子元素被分离出来单独排序

    E:nth-last-of-type(n),选择父元素中的倒数第n个位置,且匹配E的子元素。

    E:last-child,选择匹配父元素中的最后一个位置,且匹配E的子元素。

    E:first-of-type,选择父元素中的匹配E的第一个同类型的子元素。

    E:last-of-type,选择父元素中的匹配E的最后一个同类型的子元素。

    E:only-child,选择其父元素中只包含一个子元素,且该子元素匹配E。

    E:only-of-type,选择其父元素只包含一个同类型的子元素,该子元素匹配E。注意和only-child的区别。

    E:empty,选择匹配E的元素,且该元素不包含子节点。

    UI元素伪类选择器:

    E:enabled E:disabled E:checked 很容易理解,就不多说了。。

    其他选择器:

    E~F,通用兄弟元素选择器,选择匹配F的所有元素,且元素位于匹配E元素的后面。

    E:not(s),否定伪类选择器类型,s是简单结构的选择器,不能使用复合选择器。。

    E:target,目标伪类选择器,选择匹配E的所有元素,且匹配元素被相关URL指向。

    大概就这么多了,可能不大全,还望多多指点。。

  • 相关阅读:
    nyoj 164&&poj2084 Game of Connections 【卡特兰】
    1、Cocos2dx 3.0游戏开发找小三之前言篇
    hibernate一级缓存,二级缓存和查询缓存
    WCF服务端调用client.
    优化中的subgradient方法
    Xsolla和Crytek合作,对游戏战争前线推出全新支付方式
    CNZZ站点流量统计原理简析
    分数加减法
    【jvm】windows下查看java进程下多线程的相关信息
    【面试 docker+k8s+jenkins】【第二十篇】docker+k8s+jenkins相关面试
  • 原文地址:https://www.cnblogs.com/xiaobudiandian/p/2291427.html
Copyright © 2011-2022 走看看