1、 css元素選擇器實例,CSS選擇器first?
.content[data-role=page]:nth-child(2){} 使用:first-child偽類時一定要保證前面沒有兄弟節(jié)點,你前面有個content所以會失效
1
2
3
你把這里的span去掉和加上再看效果 就明白了2、 html怎么控制子代的hover?
樓主,這是通過>與+來控制下個元素,子集元素,下個元素的子集元素的CSS #a {color : #FFFF00;} #a:hover > #b{color : #FF0000;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素3 元素2 下面是補充 樓主,我又通過CSS選擇器研究了一些,你可以參考著按照自己的需求改 #a:hover {color : #FFFF00;} #a:hover > #b:first-child{color : #FF0000;} #a:hover > #b{color : #FF00FF;} #a:hover + #c{color : #00FF00;} #a:hover + #c > #b{color : #0000FF;} 元素1 元素2 元素2 元素3 元素2
3、 類選擇器語法?
1. 標簽名選擇器 div { color:Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示
4、 css應(yīng)用范圍?
在HTML中使用CSS,包括行內(nèi)樣式、內(nèi)嵌式、鏈接式和導(dǎo)入式等。1.行內(nèi)樣式:
行內(nèi)樣式是使用CSS方法中最為直接的一種,它直接對HTML的標記使用style屬性,然后將CSS代碼直接寫入其中
2.內(nèi)嵌式:內(nèi)嵌式樣式表就是將CSS寫在
和之間,并且用標記進行聲明。示例:內(nèi)嵌式CSS
p{
color: #0000FF;
text-decoration:underline;
font-weight:bold;
font-size:25px;
}
內(nèi)容1……
內(nèi)容2……
內(nèi)容3……
所有的CSS代碼被集中在了同一區(qū)域,方便了后期維護,頁面代碼也大大減少。但如果一個網(wǎng)站擁有很多頁面,對于不同頁面上的
標記都采用同樣風(fēng)格時,內(nèi)嵌式方法也有些麻煩,因此更適用于對特殊的頁面設(shè)置單獨的樣式風(fēng)格。
3.鏈接式:鏈接式樣式表使用頻率最高,也是最為實用的方法,它將HTML頁面與CSS樣式風(fēng)格分離為兩個或者多個文件,實現(xiàn)了頁面框架HTML代碼與美工CSS代碼的完全分離,使得前期制作和后期維護都十分方便,網(wǎng)站后臺的技術(shù)人員與美工設(shè)計者也可以很好地分工合作。
同一個CSS文件可以鏈接到多個HTML文件中,甚至可以鏈接到整個網(wǎng)站的所有頁面中,使網(wǎng)站整體風(fēng)格統(tǒng)一、協(xié)調(diào)