html5第八课时，属性选择器

最新推荐文章于 2023-10-07 22:30:05 发布

甲戌天火

最新推荐文章于 2023-10-07 22:30:05 发布

阅读量302

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/qq_36872096/article/details/71775577

版权

HTML5 专栏收录该内容

78 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        img[alt="123"]{
        /*alt也可以没有值，如果只有alt代表所有带alt属性的都会变化，*/
            margin: 30px;
        }

/*[abc^="def"]  选择 abc 属性值以 "def" 开头的所有元素
  [abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素
  [abc*="def"] 选择 abc 属性值中包含子串 "def" 的所有元素*/
        img[alt^="2"]{            margin: 50px;        }        img[alt$="3"]{            border: 1px #585858 solid;        }        img[alt$="4"]{            border: 1px red dashed;        }        img[alt*="23"]        {            border-radius: 20px;        }    </style></head><body><img src="../../image/lunzi.png" alt="123"/><img src="../../image/lunzi.png" alt="234"/></body></html>