html选择器
id 选择器 #
类选择器 .
标签选择器 直接写
群组选择、包含选择器 用,号 用空格
通配符 *
- 类选择器
<head>
<style>
.box{
weidth:10px;
height:10px
border:2px soild red
}
</style>
</head>
<body>
<div class = "box bgc"></div> ------可以两个
</body>
- 标签选择器
<head>
div{
width:100px;
height:100px;
background-color:pink;
}
</style>
/head>
<body>
<div>1</div>
<div>2</div>
</body>
群组选择器
在head中用逗号分割元素
包含选择器
空格代表下一集 .box div
优先级:行间样式>id 选择器>类选择器>标签选择器