设为首页收藏本站

切换到宽版

博客BBS

十三博客»博客 › 学习园地 › Css3相关 › CSS3属性选择器

返回列表发新帖

查看: 1419|回复: 0

CSS3属性选择器

581 主题	110 回帖	4066 积分

积分: 4066

发消息

发表于 2015-12-30 18:22:39 | 显示全部楼层 |阅读模式

css3新增了三个属性选择器，分别为：[att*=val]、[att^=val]和[att$=val],使得属性选择器有了通配符的概念。

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>CSS3属性选择器</title>
<style>
[id*=div] { /*包含*/
color: aquamarine;
}
[id^=div] { /*首字符*/
color: blueviolet;
}
[id$=y] { /*结束字符*/
color: chartreuse;
}
</style>
</head>
<body>
<div id="mydiv1">实例文本1</div>
<div id="div2">实例文本2</div>
<div id="div3">实例文本3</div>
<div id="div4">实例文本4</div>
<div id="my">实例文本5</div>
</body>
</html>

复制代码

回复

返回列表发新帖

Archiver|手机版|小黑屋|十三博客 ( 鲁ICP备2023000528号 )

GMT+8, 2026-6-1 17:29 , Processed in 0.057287 second(s), 21 queries .

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表