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元素
  • 相关阅读:
    zepto.js介绍
    box-sizing属性
    响应式网页高度自适应原理
    固定-比例-固定
    常用的js正则验证
    mysql之连接查询(多表查询)
    数据约束
    mysql表数据的增删改查
    mysql学习之数据库管理与表管理
    滑动选项卡的制作
  • 原文地址:https://www.cnblogs.com/zhushilai/p/14570696.html
Copyright © 2011-2022 走看看