CSS 類選擇器

2021-06-23 07:55:01 字數 768 閱讀 3081

.center
在上面的例子中，所有擁有 center 類的 html 元素均為居中。

在下面的 html **中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 ".center" 選擇器中的規則。



this paragraph will also be center-aligned.
注意：類名的第乙個字元不能使用數字！它無法在 mozilla 或 firefox 中起作用。

和 id 一樣，class 也可被用作派生選擇器：

.fancy td
在上面這個例子中，類名為 fancy 的更大的元素內部的**單元都會以灰色背景顯示橙色文字。（名為 fancy 的更大的元素可能是乙個**或者乙個 div）

元素也可以基於它們的類而被選擇：

td.fancy
在上面的例子中，類名為 fancy 的**單元將是帶有灰色背景的橙色。

你可以將類 fancy 分配給任何乙個**元素任意多的次數。那些以 fancy 標註的單元格都會是帶有灰色背景的橙色。那些沒有被分配名為 fancy 的類的單元格不會受這條規則的影響。還有一點值得注意，class 為 fancy 的段落也不會是帶有灰色背景的橙色，當然，任何其他被標註為 fancy 的元素也不會受這條規則的影響。這都是由於我們書寫這條規則的方式，這個效果被限制於被標註為 fancy 的**單元（即使用 td 元素來選擇 fancy 類）。
				
CSS 類選擇器
在 css 中，類選擇器以乙個點號顯示 center在上面的例子中，所有擁有 center 類的 html 元素均為居中。在下面的 html 中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 center 選擇器中的規則。this paragraph will also be ce...

				
CSS 類選擇器
在 css 中，類選擇器以乙個點號顯示 center 在上面的例子中，所有擁有 center 類的 html 元素均為居中。在下面的 html 中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 center 選擇器中的規則。class center this paragraph w...

				
css選擇器 偽類選擇器 屬性選擇器
偽類選擇器 nth of type index index 同型別兄弟元素中的排名 屬性選擇器 attr val attr 屬件名稱 val 屬性值 屬性選擇器 href val 表標屬性的結尾 屬性選擇器 class tap 表示屬的開頭 first child選擇第乙個 元素 nth of ty...