CS常用选择器:
id选择符
当结构要体现单一样式时,就使用id选择符;在整个html文件当中id选择符是唯一的,主要是为了后续使用js时不报错;但是如果暂时没有js的话也是可以使用多个的,只是如果后续使用js的话可能会出错的
类(clas)选择符
在整个html文件当中如果某一类标签想要使用同一个样式时则使用类选择符;
代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
p{
font-weight: bold;
}
#tit2{
color: red;
}
#p2{
/* color: yellow; */
color: green;
}
.txt{
color: blue;
}
</style>
</head>
<body>
<h1 id="tit2">天津泰达</h1>
<!-- id是唯一的 -->
<!-- class是一个类 -->
<h1 id="p2">天津泰达</h1>
<h1 class="txt">天津泰达</h1>
<h1>天津泰达</h1>
<p id="p2">上海申花</p>
<!-- <p>上海申花</p> -->
<p class="txt">上海申花</p>
<p>上海申花</p>
<p>上海申花</p>
</body>
</html>