zoukankan      html  css  js  c++  java
  • html5之属性选择器

    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <!--
        cursor: pointer         鼠标放上去之后成小手状
       button[disabled]       既是buuton 又是disabled
       属性选择器的权重(10)大于类选择器的权重(1)
    -->
    <style>
        
        button {
            cursor: pointer;
        }
        button[disabled]{
            cursor: pointer;
        }
    </style>

    <body>
        <button>新增</button>
        <button>删除</button>
        <button>修改</button>
        <button>查询</button>
        <button disabled="disabled">导入</button>
        <input style:cursor="pointer" type="submit" placeholder="导出" disabled="disabled">
    </body>

    </html>
     
        选择符             描述
        button[disabled]       选择button中具有disabled的元素
       button[disabled="disabled"]   匹配具有disabled属性并且等于disabled的button元素
         button[disabled^="dis"]     匹配具有diasbled属性,并且以dis开头的button元素
       button[disabled$="dis"]    匹配酷游disabled属性,并且以dis结尾的button元素
         button[disabled*="dis"]     匹配具有disabled属性,并且值中含有dis的button元素
  • 相关阅读:
    截取url中最后斜杆的文件名
    html span从上往下,从左往右排序
    浪漫源码记录
    微信小程序TypeError: Cannot read property 'elem' of undefined
    tomcat8 性能优化
    Bandicam神奇使用法
    DataStage 七、在DS中使用配置文件分配资源
    DataStage 六、安装和部署集群环境
    DataStage 错误集(持续更新)
    DataStage 三、配置ODBC
  • 原文地址:https://www.cnblogs.com/zhushilai/p/14570696.html
Copyright © 2011-2022 走看看