css3選擇器詳解,html5的CSS3選擇器中?
選擇父級下第一個元素和最后一個元素如:
aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa變紅色.list li:last-child{font-weight:bold;} //只有dddd變粗體使用css3的屬性選擇器設(shè)置搜索?
通過設(shè)置搜索框的width屬性和heoght屬性來設(shè)置搜索框的大小。
CSS選擇器權(quán)重如何計算?
很古老的話題了
id=100
class=10
tag(標簽)=1
按照這個規(guī)律去計算,比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權(quán)重要比第二個要高。另外關(guān)于權(quán)重的擴展知識面,我推薦了解下BEM命名規(guī)則,這個觀念很好,可以從側(cè)面杜絕權(quán)重問題的產(chǎn)生,還有一個就是提高權(quán)重的方法 !important;
css派生器區(qū)別是什么?
派生選擇器 可以使一個元素里的子元素定義樣式 例如: li a { font-size:14px} 就是給li下的子元素a定義一個14px號像素的字體樣式 類別選擇器 在html中引入css樣式通常由,類別選擇器 在CSS中用一個“.”點開頭表示 如:.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用class="類別名"的方法調(diào)用: 這里是內(nèi)容 類別選擇器方法比較簡單靈活,可以隨時根據(jù)頁面的需求新建和刪除 還有,id選擇器 在CSS中用“#”號開頭表示 如:#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html頁面中,用id="類別名"的方法調(diào)用: 這里是內(nèi)容 id選擇器和類別選擇器其實是一樣的 通常id選擇器僅是用來表示不重復的樣式 相對的來說,類別選擇器靈活一些,而id選擇器僅表示重要的樣式字段