CSS属性选择器

最新推荐文章于 2024-09-05 22:06:38 发布

?? SM

最新推荐文章于 2024-09-05 22:06:38 发布

阅读量130

点赞数

本文链接：https://blog.csdn.net/Y_SSM/article/details/105443170

版权

通过html属性选择对应的标签

    1 选择符[属性名]{  }          当一个元素有当前html属性值名称则匹配成功.
    2 选择符[属性名="属性值"]      属性和属性名都匹配成功才做选中
    3 选择符[属性~="属性值"]       当前属性的属性值为一个词列表(多个单词以空格隔开) ,  只要有当    前指定的词就能匹配. 
    4 选择符[属性^="属性值"]       当这个属性值开头的时候被匹配(只要开头匹配就行)
    5 选择符[属性$="属性值"]       当这个属性值结尾的时候被匹配(只要结尾匹配就行)
    6 选择符[属性*="属性值"]       只要属性值里面包含这个字符就能匹配
    7 选择符[属性|="属性值"]       属性值仅有当前字符 或者 以字符-开头的 (left-con)

     /*7 以下前两个图满足css属性*/    
   img[alt|="duo"]{
            width:200px;
            height:300px;
        }
    </style>
</head>
<body>
    <img src="./images/cat.jpg" alt="duo">
    <img src="./images/cat.jpg" alt="duo-la memg" title="oo">
    <img src="./images/cat.jpg" alt="meng la" title="dd">