常用的一些 CSS3 選擇器

2022-03-12 05:41:23 字數 632 閱讀 4983

list item

list item

list item

選擇器#container > ul只會匹配到第乙個ul,也就是#container的子元素ul,而不是li裡面的ul,但是div ul則可以匹配到所有div裡面的ul。

檢視演示

相容性ie7+

但是如果我們給a標籤新增乙個data-filetype屬性,我們就可以使用下面的css來快速的選擇我們需要匹配的標籤了。

image link 

a[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...