<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
div{/*匹配多个标签,匹配当前标签的所有div标签*/
background-color: red; }
.d1{/*找到class对应的标签*/
color: blue; }
#sp{/*id选择器只能由字母或下划线,不能以数字开头*/
color: green; }
#d2{
color: brown; }
</style>
</head>
<body>
<!--选择器是css中用于选择元素并应用样式的模式-->
<!--类选择器:标签id# 属性后代:子类>相邻兄弟+伪类 序选择器-->
<!--1.标签选择器-->
<!--2.类选择器 (.)-->
<!--3.id选择器-->
<!--优先级:id(d2)>类选择器(d1)>标签选择器-->
<div class="d1">div1</div>
<div id="sp">div2</div>(id可以d2,sp)
<p class="d2">p段落</p>(class可以d1和d2)
<span>span1</span>
<span id="sp">span2</span>
<p id=""></p>
</body>
</html>
七、选择器
最新推荐文章于 2024-09-30 15:42:36 发布