css选择器,dw笔记版,(id 标签 类 交集 并集),建议复制到dw食用

<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;} &nbsp; 更改同时拥有标签属性 和 类名称的段落<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>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值