在 CSS 中,类选择器以一个点号显露:
.center {text-align: center}
在下面的例子中,一切领有 center 类的 HTML 元素均为居中。
鄙人面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着两者都将依顺 ".center" 决定器中的划定。
<h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will also be center-aligned. </p>
留意:类名的第一个字符不能使用数字!它无法在 Mozilla 或 Firefox 中起感化。
和 id 异样,class 也可被用作派生选择器:
.fancy td { color: #f60; background: #666; }
在下面这个例子中,类名为 fancy 的更大的元素外部的表格单位都邑以灰色靠山表示橙色翰墨。(名为 fancy 的更大的元素多是一个表格梗概一个 div)
元素也可以基于它们的类而中选择:
td.fancy { color: #f60; bac公斤round: #666; }
在下面的例子中,类名为 fancy 的表格单位将是带有灰色布景的橙色。
<td class="fancy">
你可以将类 fancy 分派给任何一个表格元素任意多的次数。那些以 fancy 标注的单位格都会是带有灰色配景的橙色。那些没有被分配名为 fancy 的类的单位格不会受这条划定规矩的影响。另有一点值得留神,class 为 fancy 的段落也不会是带有灰色后援的橙色,当然,任何另外被标注为 fancy 的元素也不会受这条划定规矩的影响。这但凡由于咱们誊录这条规则的方式,这个功效被制约于被标注为 fancy 的表格单元(即便用 td 元从来抉择 fancy 类)。
如需转载,请注明文章出处和来源网址:http://www.divcss5.com/css-tool/t51627.shtml