CSS的属性选择器
属性选择器：
作用： 可以根据元素中的属性值来指定元素
语法：
[属性名] ：选择指定的属性名的元素
[属性名=‘属性值’]：选取属性值以指定内容的元素
[属性名^=属性值]：选取属性值以指定内容开头的元素
[属性名$=属性值]：选取属性值以指定内容结尾的元素
[属性名*=属性值]：选取属性值以包含指定内容的元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type = "text/css">
/*p[title]{*/
/* background-color: purple;*/
/*}*/
/*p[title="haha"]{*/
/* background-color: blue;*/
/*}*/
/*p[title^="ha"]{*/
/* background-color: aqua;*/
/*}*/
p[title$="la"]{
background-color: aqua;
}
</style>
</head>
<body>
<p title = "haha">我是一只猫</p>
<p title="aaa">我是一只猫</p>
<p title="lalala">我是一只猫</p>
<p title = "ha">我是一只猫</p>
</body>
</html>
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
