所謂選擇器,指的是選擇施加樣式目標的方式。
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是所有類的父類 如果在子類中有和父類重名的方法.通過子類的例項去呼叫方法時,會先在子類裡面找,再到父類裡面找,若還是沒有找...