标签：
5.css分类及其它技巧 5.css(4)firstThe(1)CLASS(21)技巧(106)分类(10)其它(2)
P CLASS=firstThe first paragraph, with a class name of first./P P CLASS=secondThe second paragraph, with a class name of second./P P CLASS=thirdThe third paragraph, with a class name of third./P P.first { color: green } P.second { color: p
《
5.css分类及其它技巧》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302331352013.htm
<P CLASS=first>The first paragraph, with a class name of "first."</P> <P CLASS=second>The second paragraph, with a class name of "second."</P> <P CLASS=third>The third paragraph, with a class name of "third."</P>
P.first { color: green } P.second { color: purple } P.third { color: gray }
P B { color: red }
返回本专题:《CSS层叠样式表教程》的目录
--> [
网站建设之]5.css分类及其它技巧
咱们已经学习了所有的css样式表基础语法。 下面我将给你讲多少个你确定会十分感兴 趣的技能跟快捷方式. 分类 我先前已经讲过所有的HTML标签都可以 用作抉择，并附加样式表解释.然而假如 你想到达的目标比这还要庞杂该如何处 理呢？比方,你想让主体文字的1段用绿 色显示，第2段用紫色显示，而第3段用 灰色显示，你能做到吗？ 这种情形下分类将施展作用。你可以将 段落P分成3种不同的种别，每一类利用 不同的款式表阐明。这些规矩（不管是 植入的仍是外部样式表文件）将以以下 方法显示：
P.first { color: green } /* green for the first paragraph of every page */H1 { text-indent: 10px; font-family: verdana } IMG { margin-top: 100px } /* give all images a top margin */
.first { color: green }
<H1><B>Emma Thompson</B>, Actress </H1> <P>Dramatic actor, inspired comedienne. Is there <B>nothing</B> she can't do?</P>
Tag： CSS CSS
这种方式更加机动，由于当初我们可以 将CLASS=first用于任何HTML标签，并应 用到网页<BODY>中，而设定的文字将以 绿色显示。 情景选择： 如果你想让所有加重显示的文字都以红 色显示，但前提是只有当这些加显示的 文字呈现在通常的主体文字内时。不可 能吗？利用样式表可以实现你最狂野的 妄想。情景取舍将使你幻想成真，心想 事成。情景挑选请求你设定一个可以执 行选择说明的情景即可。
你还能够天生不加任何HTML标签的分类：
样式表的规则告知阅读器只将所有<P>之 内加重显示的文字以红色显示。所以， <P>之外题目的加重文字不会以红色显示， 而<P>之内的文字则是。 解释 即便是用样式表制造出的无比简洁的代 码也应当加上正文。应用样式表代码就 可以做到这一点。例：
你可以给类别起任何一种名字，但不要 忘了在样式表规则中类别号称前加一个 句号（即英文中的 .）
你的HTML代码如下：
相关的主题文章：
(责任编辑：网站建设)
5.css分类及其它技巧相关文章