基本选择器
*:这个符号是通配符,代表任意一个。
现在是假如有:
<a>alex</a>
<p>ssssssss</p>
现在是假如有2个标签。
如果加上*,不管里面有什么标签,都会运用这个样式的
<style>
*{
background-color:lavender;
color:red;
font-size:12px
}
</style>
要注意通配符就是对所有的标签进行操作。
基本选择器还有一个class。class跟id的区别是什么,反正都是起名字。
<p id="ssww">rrrrrrr</p>
<p class="tt">tttttttt</p>
id跟class的区别是:id是唯一的;然而class是可以重复的。id就是身份证,一个人只能有一张身份证。
三个P标签,其中想让2个P标签的样式一样,所以就让这两个p标签的class一样就可以了。注意class也有自己的开头方式,但是这个开头是以.开始的。
就是如下所示:
.tt{
background-color:blue;
color:white
font-size:40
}
<p class="tt">guanquanzhen,you are great!</p>
注意如果class="tt rr",注意看清楚了,是tt加上空格再加上rr,意思是这个class既可以叫tt,也可以叫rr.
.tt{
font-size:40px;
}
.rr{
font-size:10px;
}
注意文档流是从上往下执行的,所以以最后的那个为准
一个标签可以起多个名字,为什么要多此一举呢?
<p class="rr tt">ttttttt</p>
<p class="ee tt">ttttttt</p>
这个表示对于公共的部分用tt样式,对于非公共的部分用各自的样式。
<p class="rr">ttttt</p>
<div class="rr">ttttttt</div>
注意可以通过div标签和class标签共同控制
div.rr{
font-size:30px;
color:red
}

浙公网安备 33010602011771号