zoukankan      html  css  js  c++  java
  • 【css】css常用选择器

    css常用选择器

    *

    通配选择器 选择文档中所以HTML元素
    E 元素选择器  选择指定类型的HTML元素
    #id ID选择器  选择指定ID属性值为“id”的任意类型元素
    .class 类选择器   选择指定class属性值为“class”的任意类型的任意多个元素
    selector1,selectorN 群组选择器 将每一个选择器匹配的元素集合并

    E F 

    后代选择器(包含选择器)  选择匹配的F元素,且匹配的F元素被包含在匹配的E元素内
    E>F 子选择器 选择匹配的F元素,且匹配的F元素所匹配的E元素的子元素
    E+F 相邻兄弟选择器  选择匹配的F元素,且匹配的F元素紧位于匹配的E元素的后面
    E~F   通用选择器 选择匹配的F元素,且位于匹配的E元素后的所有兄弟匹配的F元素
    E:link 链接伪类选择器  选择匹配的E元素,而且匹配元素被定义了超链接并未被访问过。常用于链接描点上
    E:visited  链接伪类选择器  选择匹配的E元素,而且匹配元素被定义了超链接并已被访问过。常用于链接描点上
    E:active 用户行为选择器 选择匹配的E元素,且匹配元素被激活。常用于链接描点和按钮上
    E:hover 用户行为选择器  选择匹配的E元素,且用户鼠标停留在元素E上。IE6及以下浏览器仅支持a:hover
    E:focus  用户行为选择器  选择匹配的E元素,而且匹配元素获取焦点


    E:checked  

    选中状态伪类选择器 匹配选中的复选按钮或者单选按钮表单元素
    E:enabled  启用状态伪类选择器 匹配所有启用的表单元素
    E:disabled 不可用状态伪类选择器 匹配所有禁用的表单元素
    E F:nth-child(n)  选择父元素E的第n个子元素F。其中n可以是整数(1,2,3)、关键字(even,odd)、可以是公式(2n+1),而且n值起始值为1,而不是0.

    [attribute] 

    用于选取带有指定属性的元素。
    [attribute=value] 用于选取带有指定属性和值的元素。

    实例:

     1 <body>
     2 <style>
     3 div>p{
     4     color:blue;
     5     border:5px solid green;
     6 }
     7 small[class]{
     8     color:red;
     9     border:5px solid black;
    10 }
    11 </style>
    12 <div id="div">
    13 <p id="c1">c1<small class="h1">-驾照</small></p>
    14 <p id="c2">c2</p>
    15 
    16 </div>
    17 </body>
  • 相关阅读:
    ASP.NET MVC5中的Model验证
    MVC方式显示数据(数据库)
    MVC方式显示数据(手动添加数据)
    EF数据Linq方式查询
    c# MVC方式文件上传
    调用BAPI创建病患主数据时的问题汇总[BAPI_PATIENT_CREATE]
    [代码]如何上载图片到SAP数据库并显示
    [代码]读取物料BOM行项目长文本[READ_TEXT]
    [问题解决]更新订单BOM中的Qty Var-Sz Item字段失败
    [代码]如何在ALV头中显示Logo图片-[REUSE_ALV_GRID_DISPLAY]
  • 原文地址:https://www.cnblogs.com/carsonwuu/p/7500049.html
Copyright © 2011-2022 走看看