1、css 選擇器有哪些,權(quán)重是什么樣的?
選擇器含義:選擇器是查找頁(yè)面元素的一種方式方法,選擇器的種類(lèi)有很多種。
常用的選擇器有以下內(nèi)容:
1、ID #id
2、class .class
3、標(biāo)簽 p
4、通用 *
5、屬性 type="text"
6、偽類(lèi) :link :visited :hover :active
7、偽元素 ::first-line :first-letter
8、子選擇器 div>p
9、后代選擇器 div p
10、相鄰兄弟 div+p
11、通用兄弟 div~p
12、結(jié)構(gòu)偽類(lèi) :nth-child :first-child :last-child
權(quán)重計(jì)算規(guī)則:
1、第一等:代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。
2、第二等:代表ID選擇器,如:#content,權(quán)值為0100。
3、第三等:代表類(lèi),偽類(lèi)和屬性選擇器,如.content,權(quán)值為0010。
4、第四等:代表類(lèi)型選擇器和偽元素選擇器,如div p,權(quán)值為0001。
5、通配符、*權(quán)值為0000。
6、繼承的樣式?jīng)]有權(quán)重值。
important > 內(nèi)聯(lián) > ID > 類(lèi)| 偽類(lèi) | 屬性選擇|偽對(duì)象 > 標(biāo)簽 > 繼承 > 通配符
2、css:一個(gè)容器(頁(yè)面),里面有兩個(gè)div左右擺放并且高度和容器高度一致,左div不會(huì)隨著頁(yè)面左右伸縮而變化,右div隨頁(yè)面左右伸縮寬度自適應(yīng)(手寫(xiě))
```html
<div class="container">
<div class="left"></div>
<div class="right">北京千鋒互聯(lián)科技有限公司(下面簡(jiǎn)稱(chēng)“千鋒教育”),成立于2011年1月,立足于職業(yè)教育培訓(xùn)領(lǐng)域,公司現(xiàn)有教育培訓(xùn)、高校服務(wù)、企業(yè)服務(wù)三大業(yè)務(wù)板塊。教育培訓(xùn)業(yè)務(wù)分為大學(xué)生技能培訓(xùn)和職后技能培訓(xùn);高校服務(wù)業(yè)務(wù)主要提供校企合作全解決方案與定制服務(wù);企...</div>
</div>
<style>
*{
margin: 0;
padding: 0;
}
.container{
max-width: 1000px;
height: 500px;
background-color: yellow;
margin: 20px auto;
display: flex;
}
.container .left{
width: 300px;
background-color: orange;
}
.container .right{
flex: 1;
background-color: red;
}
</style>
```
更多關(guān)于“前端培訓(xùn)”的問(wèn)題,歡迎咨詢(xún)千鋒教育在線(xiàn)名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。