十、萬用字元選擇器
1、作用:給當前介面所有標籤設定屬性
2、注意點:當介面標籤太多時會影響效能,一般不用
*
選擇器小練習
charset="utf-8">
選擇器練習title>
/*1、標籤選擇器*/
p /*2、id*/
#identity1
#identity2
/*3、類選擇器*/
.para
/*4、後代選擇器*/
divp
/*5、子元素選擇器*/
div>p
/*6、交集選擇器*/
p.para
/*7、並集選擇器*/
#identity1,#identity2
/*8、通用兄弟選擇器*/
h1~p
/*9、續選擇器*/
p:nth-of-type(n+1))
/*10、屬性選擇器*/
p[id]
style>
head>
titleh1>
id="identity1"
class="para">paragraph 1p>
id="identity2"
class="para">paragraph 2p>
div>
body>
html5 新的選擇器
1 queryselector 類似於jq裡的 方法,但是只能取到第乙個元素 只能取到乙個集合,即使只有乙個元素 class li2 li class li2 li ul var oli document.queryselectorall li2 oli取到的是乙個類集合,所以加樣式要用for迴圈 ...
HTML5的高階選擇器
1 層次選擇器 form p 表示後輩 後代選擇器 form p 表示子輩 div p 表示div下乙個相鄰的p元素 div p 表示div後所有匹配的p元素 2 結構偽類選擇器 p first child 第乙個p標籤 p last child 最後乙個p標籤 p nth child 3 第3個p...
html5新增選擇器
分享點html5的學習筆記,比較基礎,突然發現通過寫部落格來記筆記有很多優點呢,平常記得筆記比較簡單,複習起來比較吃力,看自己的部落格理解起來還比較輕鬆,而且只有真正理解了才能表達清楚讓別人看懂,還鍛鍊語言表達能力呢,所以有條件就多寫點東西吧 選擇器 1 queryselector 如果是一組元素,...