标签选择器:
使用:直接写上标签明 标签名{}
注意:将本页中所有的这个类型的标签全部选中更改。
ID选择器:
使用:1.给标签加上一个id属性,并给上id名
2.在css中使用#id名{}
类选择器
使用:1.给标签加上一个class属性,并给上类名
2.在css中使用 .类名
注意:类名是可以出现多次的
通配符选择器
使用:在css中使用*
注意:会选择所有标签
基础选择器的优先级
id选择器>类选择器>标签选择器>通配符选择器
选择器的权值:
通配符选择器: 0 0 0 0
标签选择器: 0 0 0 1
类选择器: 0 0 1 0
ID选择器: 0 1 0 0
选择器的使用
下面是简单的使用:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
.num2{
color: red;
}
.classdiv{
font-size: 48px;
}
#div{
color: green;
}
</style>
</head>
<body>
<div id="divid div">1</div>
<div class="classdiv num2">2</div>
<div class="classdiv2 num2">3</div>
</body>
</html>
这是选择器的简单应用。