39 lines
560 B
HTML
39 lines
560 B
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>03-css选择器</title>
|
||
|
||
<!-- 所选区域范围越小，谁就生效，id>class>div-->
|
||
<!--元素选择器-->
|
||
<style>
|
||
|
||
div {
|
||
color: red;
|
||
}
|
||
|
||
#name {
|
||
color: blue;
|
||
}
|
||
|
||
.cls{
|
||
color: pink;
|
||
}
|
||
|
||
</style>
|
||
<!-- id选择器-->
|
||
<!-- 类选择器-->
|
||
|
||
|
||
</head>
|
||
<body>
|
||
|
||
<div>div1</div>
|
||
<div id="name">div2</div>
|
||
<div class="cls">div3</div>
|
||
|
||
<span class="cls">span</span>
|
||
|
||
|
||
</body>
|
||
</html> |