CSS3通配符

在 CSS3 中,追加了三个属性选择器分别为:

[att*=val] ----内容包含

[att^=val] ----开头匹配

[att$=val] ----结尾匹配

示例:

复制代码
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
   <style>
       [id*=box]{
           background: #75d8ff;
       }

       [id^=box]{
           background: #ff0000;
       }

       [id$=blue]{
           background: blue;
       }
   </style>
</head>
<body>
实例1:
    <div id="box1">sdf</div>
    <div id="2box">sdf</div>
    <div id="box3blue">sdf</div>
</body>
</html>
复制代码

posted @   tinyphp  Views(1624)  Comments(0Edit  收藏  举报
编辑推荐:
· .NET Core GC压缩(compact_phase)底层原理浅谈
· 现代计算机视觉入门之:什么是图片特征编码
· .NET 9 new features-C#13新的锁类型和语义
· Linux系统下SQL Server数据库镜像配置全流程详解
· 现代计算机视觉入门之:什么是视频
阅读排行:
· Sdcb Chats 技术博客:数据库 ID 选型的曲折之路 - 从 Guid 到自增 ID,再到
· .NET Core GC压缩(compact_phase)底层原理浅谈
· Winform-耗时操作导致界面渲染滞后
· Phi小模型开发教程:C#使用本地模型Phi视觉模型分析图像,实现图片分类、搜索等功能
· 深度学习基础理论————CV中常用Backbone(Resnet/Unet/Vit系列/多模态系列等
历史上的今天:
2014-06-30 Android:控件布局(表格布局)TableLayout
点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多