html 類和id class和id選擇器

2021-10-09 19:04:00 字數 2116 閱讀 8735

id是用於給標籤加入標記的

注:各個id不能重複 乙個標籤只能有乙個id

"p1"

>

噠噠噠噠噠噠p

>

這裡 為p標籤加入叫做p1的id

當多個標籤需要進行相同的操作的時候 可以用class標記

類用於標記多個標籤 同乙個類名可以標記多個標籤 乙個元素可以有多個類名

class

="p2 p3"

>

噠噠噠噠噠噠p

>

class

="p2"

>

噠噠噠噠噠噠div

>

class

="p3"

>

噠噠噠噠噠噠span

>

這裡為p和span / p和div設定為同乙個類 p同時有兩個類名

選擇器class選擇器

即選定對應類名進行操作

語法

. 類名{} (前面乙個.符號 後面緊挨著類名)

.p2

為class=p2的標籤設定樣式

id選擇器

即選定對應的id進行操作

#p1

為id=p1的標籤設定樣式

並集選擇器

可以理解為數學中的並集

#p1,.p2,.p3

/*並集選擇器 符合以上三個任意乙個條件的都可選擇*/

直接前面寫上#p1(選擇id=p1),.p2(class=p2),.p3(class=p3)選定這三個直接不管是類還是id全一下子選上

交集選擇器 (也叫復合選擇器)

可以理解為數學中的交集

復合選擇器即交集選擇器 選擇同時滿足過個條件的元素 與並集選擇器的寫法差別在於 並集中多個條件需要逗號隔開 交集需要各個條件挨著

span.p4

這裡是選定標籤為span且類為p4的標籤

無敵選擇器

*

/* *號是選擇全部的元素 */

加個*號表示選擇全部標籤

>

>

charset

="utf-8"

>

>

選擇器title

>

type

="text/css"

>

#p1.p2

.p3#p1,.p2,.p3

/*並集選擇器 符合以上三個任意乙個條件的都可選擇*/

*/* *號是選擇全部的元素 */

span.p4

/*復合選擇器即交集選擇器 選擇同時滿足過個條件的元素

與並集選擇器的寫法差別在於 並集中多個條件需要逗號隔開

交集需要各個條件挨著*/

style

>

head

>

>

"p1"

>

噠噠噠噠噠噠p

>

class

="p2 p3"

>

噠噠噠噠噠噠p

>

class

="p2"

>

噠噠噠噠噠噠p

>

class

="p3"

>

噠噠噠噠噠噠p

>

>

噠噠噠噠噠噠p

>

"2" class

="p4"

>

來嘛來嘛span

>

class

="p4"

>

來了來了p

>

span

>

body

>

html

>

時間和日期類(I)

problem g 時間和日期類 i time limit 4 sec memory limit 128 mb submit 6821 solved 3896 submit status description設計乙個時間類和乙個日期類,用於讀取輸入的資料,按格式輸出日期和時間。設計日期類date需...

Problem A 時間和日期類(I)

description 設計乙個時間類和乙個日期類,用於讀取輸入的資料,按格式輸出日期和時間。設計日期類date需支援以下操作 date date int,int,int 構造方法 傳入的引數依次為年月日,用引數將日期初始化。date showdate 按格式輸出date物件。設計時間類time需支...

i 和 i效率和過載問題

c 中 操作符過載問題 檢舉 2011 05 19 06 26st caonima5 分類 c c 瀏覽312次 1 cdate operator cdate operator 2 cdate operator int cdate是乙個已經定義好的類,現在要對 操作符進行過載,1 在兩個實現中,如何...