「選擇器」指明了{}中的「樣式」的作用物件,也就是「樣式」作用於網頁中的哪些元素類選擇器:
.類選器名稱
使用步驟:id選擇器:第一步:使用合適的標籤把要修飾的內容標記起來,如下:
膽小如鼠
第二步:使用class="類選擇器名稱"為標籤設定乙個類,如下:
膽小如鼠
第三步:設定類選器css樣式,如下:
.stress/*類前面要加入乙個英文圓點*/
#id類選器名稱
相同點:子選擇器:不同點:
子選擇器,即大於符號>
,用於選擇指定標籤元素的第一代子元素,如:
.food>li
這行**會使class名為food下的子元素li(水果、蔬菜)加入紅色實線邊框。
包含(後代)選擇器:
包含選擇器,即加入空格,用於選擇指定標籤元素下的後輩元素,如:
.first span
子選擇器(child selector)僅是指它的直接後代,或者你可以理解為作用於子元素的第一代後代。通用選擇器:後代選擇器是作用於所有子後代元素。
它使用乙個(*)號指定,它的作用是匹配html中所有標籤元素,使用下面**使用html中任意標籤元素字型顏色全部設定為紅色:
*
偽類選擇符:
它允許給html不存在的標籤(標籤的某種狀態)設定樣式,比如說我們給html中乙個標籤元素的滑鼠滑過的狀態來設定字型顏色:
a:hover
關於偽類選擇符,到目前為止,可以相容所有瀏鑑器的「偽類選擇符」就是分組選擇符::hover
了(其實偽類選擇符還有很多,尤其是 css3 中,但是因為不能相容所有瀏鑑器)。其實:hover
可以放在任意的標籤上,比如說p:hover
,但是它們的相容性也是很不好的,所以現在比較常用的還是a:hover
的組合。
當你想為html中多個標籤元素設定同乙個樣式時,可以使用分組選擇符,
,如下**為右側**編輯器中的h1
、span
標籤同時設定字型顏色為紅色:
h1,span
它相當於下面兩行**:
h1
span
Linux基礎 第四課
nfs伺服器設定 安裝sudo apt get install portma 安裝sudo apt get install nfs kernel server 配置檔案etc exports 增加共享的目錄 ip2位址以及許可權 啟動服務 service portmap start 然後啟動服務 s...
C語言 第四課
img 一 浮點型別的除法運算得出乙個浮點數結果,而整數除法運算則產生乙個整數結果。在c語言中,整數除法結果中如果有小數,則小數部分會被丟棄,這個過程被稱為 color green 截尾 color 二 取模運算子 用於整數運算。不要對浮點數使用取模運算子,那將是無效的。三 符號 被稱為賦值運算子,...
c 第四課習題
順序 選擇 迴圈 迴圈 for for 死迴圈 break跳出迴圈體 continue結束本次迴圈,繼續下次迴圈 列印20遍你好 for int a 1 a 20 a 輸入乙個整數,計算從1加到這個數的和 請輸入乙個正整數 int a int.parse console.readline int s...