css3偽類選擇器與偽元素選擇器,CSS偽元素有哪些不得了的用法?
先列出CSS中常用的偽類
a:link {color:#FF0000;} /* 未訪問的鏈接 */
a:visited {color:#00FF00;} /* 已訪問的鏈接 */
a:hover {color:#FF00FF;} /* 鼠標劃過鏈接 */
a:active {color:#0000FF;} /* 已選中的鏈接 */
:checked 選擇所有選中的表單元素
:disabled 選擇所有禁用的表單元素
p:first-child 父元素中第一個p元素
比如#div p:first-child{
color:#E4393c;
}
:last-child 父元素中最后一個p元素
p:before
p:after 這兩個常被用來清除浮動
css的類選擇器用什么屬性引用?
用于來定義一類可以在同一個頁面內(nèi)重復利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動),或者自己定義的用于新聞列表的樣式,詳細的寫好鏈接、列表、邊框以及背景等屬性,有些人還會習慣把一些常用的屬性作為一個類。
html中的偽元素?
input:focus div 的意思是div是input的后代元素,而這顯然是錯的,因此無法匹配到。
css中父元素(或祖先元素)可以影響子元素(或后代元素),但反過來就不行,因為當多個選擇器并存時,如果既存在子選擇器,又存在父選擇器,在邏輯上就會產(chǎn)混亂,因此在css不存在父選擇器(或者祖先選擇器)。
你這種需求,只能通過js來實現(xiàn)。
用什么表示子代選擇器?
CSS3中的關(guān)系選擇器主要包括子代選擇器和兄弟選擇器,其中子代選擇器由符號連接,兄弟選擇器由符號“+”和“~”連接,具體如下所示。
(1)關(guān)系選擇器
例如: h1>strong
說明:表示選擇嵌套在h1標記的子標記strong。
(2)臨近兄弟選擇器
例如: h2+p
說明:表示選擇h2標記后緊鄰的第一個兄弟標記p。
(3)普通兄弟選擇器
例如:p~h2
說明:表示選擇p標記所有的h2兄弟標記