css選擇器語法速查

2021-06-28 23:24:51 字數 918 閱讀 8670

通用選擇器 *{}

類似於萬用字元,匹配文件中所有元素型別;

型別選擇器 h1,h2,p{}

匹配以逗號隔開元素列表中的所有元素

類選擇器 .glass{} or p.glass{}

id選擇器 #id {} or p#id {}

子選擇器 td>b {}

匹配元素是另外乙個元素的直接子元素

後繼選擇器 td b {}

匹配另乙個指定元素的所有巢狀中的後繼

相鄰兄弟選擇器 h1+p {}

匹配指定元素相鄰兄弟元素

屬性選擇器

存在選擇器 p[id] 任何含id屬性的p元素

相等選擇器 p[id=』some_id』]

空格選擇器 p[attr~=」foo」] attr屬性值是以空格隔開的單詞列表,其中foo是其中乙個單詞的p元素

連字元選擇器 p[attr|=」en」] attr屬性的值以en開頭後面緊跟個連字元的p元素

字首選擇器 p[attr^=」box」] attr屬性的值以box開頭的的p元素

子串選擇器 p[attr*=」on」] attr屬性值包含on字元的p元素

字尾選擇器 p[attr$=」ed」] attr屬性值以ed結尾的p元素

CSS選擇器速查

模式 含義css3 選擇器型別 任何元素 萬用字元選擇器 e型別為 e 的元素 型別選擇器 e.warning 類為 warning 的 e 元素 類選擇器 e myid id 等於 myid 的 e 元素 id 選擇器 e foo 帶 foo 屬性的 e 元素 屬性選擇器 e foo bar fo...

css語法選擇器

表示的選擇所有的節點 表示的是id為container的 節點 container選擇所有class屬性是container的節點 li a 選擇所有的li標籤下面的a元素 ul p 選擇ul後面面的第乙個p元素 div container ul 選擇id是container的div的第乙個ul元素...

css語法 選擇器

css 選擇器是用來選擇標籤的,選出來以後給標籤加樣式。標籤選擇器 類選擇器 層級選擇器 後代選擇器 id選擇器 組選擇器 偽類選擇器 根據標籤來選擇標籤,以標籤開頭,此種選擇器影響範圍大,一般用來做一些通用設定。示例 type text css pstyle hellodiv hellop 根據類...