1、css 選擇器有哪些,權(quán)重是什么樣的?
選擇器含義:選擇器是查找頁面元素的一種方式方法,選擇器的種類有很多種。
常用的選擇器有以下內(nèi)容:
1、ID #id
2、class .class
3、標(biāo)簽 p
4、通用 *
5、屬性 type="text"
6、偽類 :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)偽類 :nth-child :first-child :last-child
權(quán)重計算規(guī)則:
1、第一等:代表內(nèi)聯(lián)樣式,如: style=””,權(quán)值為1000。
2、第二等:代表ID選擇器,如:#content,權(quán)值為0100。
3、第三等:代表類,偽類和屬性選擇器,如.content,權(quán)值為0010。
4、第四等:代表類型選擇器和偽元素選擇器,如div p,權(quán)值為0001。
5、通配符、*權(quán)值為0000。
6、繼承的樣式?jīng)]有權(quán)重值。
important > 內(nèi)聯(lián) > ID > 類| 偽類 | 屬性選擇|偽對象 > 標(biāo)簽 > 繼承 > 通配符
2、css:一個容器(頁面),里面有兩個div左右擺放并且高度和容器高度一致,左div不會隨著頁面左右伸縮而變化,右div隨頁面左右伸縮寬度自適應(yīng)(手寫)
```html
<div class="container">
<div class="left"></div>
<div class="right">北京千鋒互聯(lián)科技有限公司(下面簡稱“千鋒教育”),成立于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)”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。