<title>css选择器</title>
<style type="text/css">
/*div{font-size:12px;color:red;background:yellow;width:200px;height:200px} 标记选择器*/
/*.a{background:#CF3033}
.j{background:#8A1517} 类选择器*/
/*id选择器
#big{width:130px;background:#F4070B;}
div{color:#EFD2D2;background:yellow;} 可以使用其他选择器添加属性,但相同的属性名,不分前后,只用id选择器的*/
/*交集选择器
p{color:red;}
.ss{font-size:50px;}
p.ss{background:yellow;} */
#big,p,h3,.j{background:#F4080C}
</style>
</head>
标记选择器<br/>
标记名称{属性:属性值;。。。。。。} p{font:size},用于处理多段单标签代码<br/>
<p class="j">类选择器<br/>
给标签命名 class="英文名称"
.英文名称{属性名:属性;。。。。。},用于改变单个标签的属性,只要名称相同,就算标签不同也可以处理</p>
<p>id选择器<br/>
在一个HTML文档中,CSS ID 选择器会根据该元素的 ID 属性中的内容匹配元素,元素 ID 属性名必须与选择器中的 ID 属性名完全匹配,此条样式声明才会生效。<br/>
#id名称{属性名:属性;。。。。}id有唯一性,只能一一对应,id选择器最高,无法被覆盖<br/>
实例<br/>
<div id="big">快点学习</div>
</p>
<p>交集选择器<br/>
精准定位某一个段落
例如:p{color:red;}<br/>
.ss{font-size:50px;}<br/>
p.ss{background:yellow;} 更改同时拥有标签属性 和 类名称的段落<br/>
<p>学习吗</p>
<h3 class="ss">算了吧,要开活动</h3>
<p class="ss">走啊,一起内卷,卷死他们</p>
</p>
<p>并集选择器<br/>
并集选择器:
用','隔开,将所有的#id名、标签名、.类名称集中处理<br/>
实例:<br/>
#big,p,h3,.j{background:#F4080C}
</p>
<p>后代选择器<br/></p>
<p class="a">dfdfdfdfsdfdfdsfdsfsdf</p>
<div class="a">adasdasfdfdffdfdfdfdf</div>