css3 属性选择器

属性选择：

[id=id1]{

　　background-color:red;
}

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>
            [id=id1]{
                background-color:red;
            }
            [id=id2]{
                background-color:green;
            }
            [id=id3]{
                background-color:blue;
            }
        </style>
    </head>
    <body>
         
        <div id="id1" style="width:200px; height:100px;">
             
        </div>
        <div  id="id2" style="width:200px; height:100px;">
             
        </div>
        <div  id="id3" style="width:200px; height:100px;">
             
        </div>
    </body>
</html>

　　效果如图：

 

posted @   二维一加零  阅读(30)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识（上）
· 浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析
阅读排行：
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布：重大改进与新特性概览！
· AI与.NET技术实操系列（二）：开始使用ML.NET
· 单线程的Redis速度为什么快？
点击右上角即可分享
微信分享提示
AI FOR CODE 大赛