Study笔记

css选择器之交集选择器

两种属性同属一个元素的时候,我们可以使用交集选择器来进行元素的准确控制.


<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p.nam1{}
p#name2{}
p#id1{}
.name1 .name2{}
/*交集选择器:可以更准确的找到我们需要的标签,在clas名或者id名前面加上标签名,缩小查找的范围*/
/*注意:标签名和class/id名中没有空格隔开*/
p.dhnBlog{background-color: red;}
</style>
</head>
<body>
<p class="name1 name2" id="id1"></p>
<div class="dhnBlog">大灰牛博客</div>
<pclass="dhnBlog">大灰牛博客</p>
</body>
</html>

相关文章

个人简介

说的再好不如做的漂亮

标签聚合