HTML5 選擇器續

2021-08-03 07:34:47 字數 744 閱讀 2510

十、萬用字元選擇器

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 如果是一組元素,...