体育彩票11选5玩法:CSS 类选择器

湖北11选5开奖号码 www.lyrso.cn 在 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;
	background: #666;
	}

在上面的例子中,类名为 fancy 的表格单元将是带有灰色背景的橙色。

<td class="fancy">

你可以将类 fancy 分配给任何一个表格元素任意多的次数。那些以 fancy 标注的单元格都会是带有灰色背景的橙色。那些没有被分配名为 fancy 的类的单元格不会受这条规则的影响?;褂幸坏阒档米⒁?,class 为 fancy 的段落也不会是带有灰色背景的橙色,当然,任何其他被标注为 fancy 的元素也不会受这条规则的影响。这都是由于我们书写这条规则的方式,这个效果被限制于被标注为 fancy 的表格单元(即使用 td 元素来选择 fancy 类)。

相关内容

如果您需要更深入地学习关于类选择器的知识,请阅读 phpStudy 的高级教程:CSS 类选择器详解。

  • 德味手表了解一下 徕卡推出L1,L2机械表德味手表徕卡推出L1-手机行情 2019-04-10
  • 春节我在岗:爸妈,儿子在军营给您们拜年了 2019-04-10
  • 打倒控房抄者有理,去分房好! 2019-04-08
  • 井助国:我参与了审判日本战犯 2019-03-26
  • 陕西省延安市召开学习《共产党宣言》成果交流会 2019-03-24
  • 《泄密者》提档6.15 终极预告预知真相 2019-03-10
  • 内政部长威胁“单飞”,联盟党闹分裂,默克尔或下台? 2019-03-10
  • 余世存:阅读经典不仅是消费,也是责任 2018-12-11
  • 英国伦敦大学最新研究发现:单身的人老痴风险增四成 2018-08-09
  • 作用-热门标签-华商生活 2018-07-15
  • 国地税正式合并!一文读懂来龙去脉 2018-07-15
  • 84| 592| 570| 266| 388| 480| 321| 618| 35| 658|