定義一個類選擇器
.center {text-align: center}

h1 有 center 類。這意味將遵守 ".center" 選擇器中的規則。
<h1 class="center">
This heading will be center-aligned
</h1>

類名的第一個字符不能使用數字！

派生選擇器
td.fancy {
color: #f60;
background: #666;
}
<td class="fancy">

可以將類 fancy 分配給任何一個表格元素任意多的次數。
那些以 fancy 標注的單元格都會是帶有灰色背景的橙色。那些沒有被分配名為 fancy 的類的單元格不會受這條規則的影響。
這個效果被限制于被標注為 fancy 的表格單元（即使用 td 元素來選擇 fancy 類）。

屬性選擇器

[attribute=value]
用于選取帶有指定屬性和值的元素。
[attribute~=value]
用于選取屬性值中包含指定詞匯的元素。

更多專業前端知識，請上 【猿2048】www.mk2048.com

總結

以上是生活随笔為你收集整理的css笔记 2的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。