首页 > Web开发 > 详细

CSS选择器笔记

时间:2018-07-02 13:23:58      阅读:198      评论:0      收藏:0      [点我收藏+]

记录的问题:

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来选择

 

CSS选择器笔记

原文:https://www.cnblogs.com/fireporsche/p/9253335.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!