大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
css04.css
1 /*属性选择器相关样式*/ 2 3 4 [love] { 5 color: green; 6 } 7 8 [love="me"] { 9 color: red; 10 }
1 <!DOCTYPE html> 2 <html lang="ch-zn"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <link rel="stylesheet" href="css04.css"> 7 <style> 8 div>[class^=first] { 9 color:yellow; 10 } 11 div>[class$=CD] { 12 color: aqua; 13 } 14 15 div>[class*=CA] { 16 color: chocolate; 17 } 18 19 div>[class~=c2] { 20 color: darkmagenta; 21 } 22 </style> 23 </head> 24 <body> 25 <p>我是一个p标签</p> 26 <p love="you" >我也是一个p标签 我有一个自定义属性love 其值为you</p> 27 <p love="and" >我也是一个p标签 我有一个自定义属性love 其值为and</p> 28 <p love="me">我也是一个p标签 我有一个自定义属性love 其值为me</p> 29 <div> 30 <p id="d1" class="first ABC">属性选择器 1 补充示例</p> 31 <p id="d2" class="first ABCE">属性选择器 2 补充示例</p> 32 <p id="d3" class="ADCD">属性选择器 3 补充示例</p> 33 <p id="d4" class="BCAD">属性选择器 4 补充示例</p> 34 <p id="d5" class="tBCADT">属性选择器 5 补充示例</p> 35 <p id="d6" class="c1 c2 c3 c4">属性选择器 6 补充示例</p> 36 <p id="d7" class="c1c2c3">属性选择器 7 补充示例</p> 37 </div> 38 </body> 39 </html>
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/167006.html原文链接：https://javaforall.net
![前端HTML空格转义符总结[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450-480x300.jpg)
