list item
list item
list item
選擇器#container > ul
只會匹配到第乙個ul,也就是#container的子元素ul,而不是li裡面的ul,但是div ul
則可以匹配到所有div裡面的ul。
檢視演示
相容性ie7+
但是如果我們給a標籤新增乙個data-filetype屬性,我們就可以使用下面的css來快速的選擇我們需要匹配的標籤了。
image linka[data-filetype="image"]
檢視演示
相容性ie7+
firefox
chrome
safari
opera
轉至 這裡
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素,則不會被選擇。符號之前書寫父級的選擇器,符號之後寫子級選擇器,必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
CSS3常用選擇器
概念 子元素選擇器只能選擇某元素的子元素 語法格式 父元素 子元素 father children 相容性 ie8 firefox chrome safari opera 概念 相鄰兄弟選擇器可以選擇緊接在另一元素後的元素,而且他們具有乙個相同的父元素 語法格式 元素 兄弟相鄰元素 eelement...
CSS3的一些新選擇器簡介
屬性選擇器 一 5個input標籤type text 文字框 password密碼框 radio 單選按鈕 cheakbox核取方塊 submit 提交 二 選擇器的使用 1.attr val 相等就選擇到了 2.attr val 表示的是乙個單獨的屬性值,這個屬性值是以空格分割的 3.attr v...