第三節 元素選擇器

2021-08-03 20:40:04 字數 1931 閱讀 1984

所謂選擇器,指的是選擇施加樣式目標的方式。

3.1 元素選擇器

用標籤名作為選擇器,選中所有相應的元素

元素選擇器div>

元素選擇器1p>

元素選擇器2p>

body>

3.2 id選擇器

顧名思義,是根據id來選擇元素,其樣式定義形式為:

#idname

#div2

style>

head>

id="div1">div>

id="div2">div>

body>

html>

顯示結果為上紅下藍

3.3 類選擇器

根據class屬性來選擇元素,其樣式定義形式為:

.classname

.odd

style>

head>

class=

"odd">div>

class=

"even">div>

class=

"odd">div>

body>

顯示結果為:上藍中紅下藍

從結果可以看出: .odd定義的樣式會施加到所有class="odd"的元素上,比如上例中的第乙個和第三個,當然也包括class="odd"的

3.4屬性選擇器

根據某個屬性的特性(比如有無、值等)來選擇

(1)根據有無某屬性來選擇

從結果可以看出,所有具有title屬性的元素都應用了紅色背景色的樣式。

(2)根據屬性的值來選擇

從結果可以看出,只有第二個div應用了紅色背景的樣式,因為只有第二個div的title屬性等於div2

~=:選中屬性值包含指定完整單詞的元素,類似word中的全字匹配

title ^= 'div':選中title屬性值以'div'開頭的元素

title $= 'div':選中title屬性值以'div'結尾的元素

title *= 'div':選中title屬性值包含'div'的元素

編譯原理 第三節

我們知道世界上存在很多種語言 我們可以把他們分為自然語言 人們日常交流的工具 和程式語言。自然語言複雜且難以描述,程式語言結構規整,便於處理。但兩者又有共性,即核心都由語法和語義兩部分組成。那什麼是語言呢?首先來看一下字母表定義 字母表是元素的非空有窮集合。字母表包含了語言中允許出現的全部符號。例如...

Itween筆記 第三節

itween關於動畫執行的補充.itween.camerafadefrom itween.hash amount 1f,time 2f 在兩秒結束後.itween.camerafadefrom itween.hash amount 1f,time 2f,oncomplete itweentest o...

面向對像第三節

提高了 的復用性 讓類與類之間發生關係有了這個關係 才有後面的多型 繼承是物件導向的三大特性之一 可以層層繼承 issubclass 檢查乙個類是否是另乙個類的子類 object是所有類的父類 如果在子類中有和父類重名的方法.通過子類的例項去呼叫方法時,會先在子類裡面找,再到父類裡面找,若還是沒有找...