CSS选择器笔记

记录的问题:

1.比如一个标签的class是:class="p1 p2",另外一个标签的class是:class="p1",那么我使用.p1会选择到第一个标签吗?

答案:如果使用.p1是会同时选中两个标签的,下面使用例子来解释

<html>
<head>
<style type="text/css">
.p1{
color:blue
}
</style>
</head>

<body>
<h1 class='p1 p2'>这是 heading 1</h1>
<p class='p1'>这是一段普通的段落。</p>
</body>
</html>
View Code

显示结果:

从中我们可以看到,都同时选到了h1和p,所以我们如果要区别这两个时,我们可以用如下:

<html>
<head>
<style type="text/css">
.p1.p2{
color:blue
}
</style>
</head>

<body>
<h1 class='p1 p2'>这是 heading 1</h1>
<p class='p1'>这是一段普通的段落。</p>
</body>
</html>
View Code

显示结果:

这样就只选中了h1,所以当一个标签有多个class时,使用.class1.class2来选择

猜你喜欢

转载自www.cnblogs.com/fireporsche/p/9253335.html