亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

選擇器的使用方法

時(shí)間:2022-11-24 01:15:58 選擇方法 我要投稿
  • 相關(guān)推薦

選擇器的使用方法

  類選擇器

  在 CSS 中,類選擇器以一個(gè)點(diǎn)號(hào)顯示:

  復(fù)制代碼 代碼如下:

  .center {text-align: center}

  在上面的例子中,所有擁有 center 類的 HTML 元素均為居中。

  在下面的 HTML 代碼中,h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規(guī)則。

  復(fù)制代碼 代碼如下:

  This heading will be center-aligned

  This paragraph will also be center-aligned.

  注意:類名的第一個(gè)字符不能使用數(shù)字!它無法在 Mozilla 或 Firefox 中起作用。

  和 id 一樣,class 也可被用作派生選擇器:

  復(fù)制代碼 代碼如下:

  .fancy td {

  color: #f60;

  background: #666;

  }

  在上面這個(gè)例子中,類名為 fancy 的更大的元素內(nèi)部的表格單元都會(huì)以灰色背景顯示橙色文字。(名為 fancy 的更大的元素可能是一個(gè)表格或者一個(gè) div)

  元素也可以基于它們的類而被選擇:

  復(fù)制代碼 代碼如下:

  td.fancy {

  color: #f60;

  background: #666;

  }

  在上面的例子中,類名為 fancy 的表格單元將是帶有灰色背景的橙色。

  復(fù)制代碼 代碼如下:


  多類選擇器

  1、在 HTML 中,一個(gè) class 值中可能包含一個(gè)詞列表,各個(gè)詞之間用空格分隔。例如,如果希望將一個(gè)特定的元素同時(shí)標(biāo)記為重要(important)和警告(warning),就可以寫作(這兩個(gè)詞的順序無關(guān)緊要,寫成 warning important 也可以):

  復(fù)制代碼 代碼如下:

  This paragraph is a very important warning.

  我們假設(shè) class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時(shí)包含 important 和 warning 的所有元素還有一個(gè)銀色的背景 。就可以寫作:

  復(fù)制代碼 代碼如下:

  .important {font-weight:bold;}

  .warning {font-weight:italic;}

  .important.warning {background:silver;}

  2、通過把兩個(gè)類選擇器鏈接在一起,僅可以選擇同時(shí)包含這些類名的元素(類名的順序不限)。

  如果一個(gè)多類選擇器包含類名列表中沒有的一個(gè)類名,匹配就會(huì)失敗。請(qǐng)看下面的規(guī)則:

  復(fù)制代碼 代碼如下:

  .important.urgent {background:silver;}

  不出所料,這個(gè)選擇器將只匹配 class 屬性中包含詞 important 和 urgent 的 p 元素。因此,如果一個(gè) p 元素的 class 屬性中只有詞 important 和 warning,將不能匹配。不過,它能匹配以下元素:

  復(fù)制代碼 代碼如下:

  This paragraph is a very important and urgent warning.

[選擇器的使用方法]相關(guān)文章:

1.css3選擇題使用方法詳解

2.產(chǎn)褥期護(hù)理墊的選擇與使用方法

【選擇器的使用方法】相關(guān)文章:

photoshop的使用方法12-09

早教機(jī)使用方法10-24

風(fēng)水羅盤使用方法08-04

退熱貼的使用方法04-25

風(fēng)水羅盤的具體使用方法02-18

鼻毛修剪器的使用方法02-23

Dreamweaver輸入空格使用方法03-23

Excel函數(shù)TEXTJOIN使用方法04-14

衣物護(hù)理劑使用方法09-30

淡奶油的具體使用方法07-14