css表⽰class下的标签,利⽤class、id对元素进⾏分类、标识实
例
⽤class对元素进⾏分类:
你可以通过在样式表⾥利⽤.classname来为属于某⼀类 的元素定义CSS属性。
--------------------------------------------------------------------------------------------------------------------
复制代码代码如下:
制造⽩葡萄酒的葡萄:
制造红葡萄酒的葡萄:
现在,我们希望⽩葡萄酒的链接全部显⽰为黄⾊,红葡萄酒的链接全部显⽰为红⾊,其余的
链接显⽰为缺省的兰⾊。
利⽤class:
复制代码代码如下:
制造⽩葡萄酒的葡萄:
制造红葡萄酒的葡萄:
css:
复制代码代码如下:
a {
color: blue;
}
a.whitewine {
color: #FFBB00;
}
color: #800000;
}
说明:a代表a标签,a.whitewin代表引⽤a标签的whitewin类。
必须要注明是哪个标签,这与id不同,因为id是唯⼀的,所 以id直接引⽤就OK了
cssclass属性⽤id标⽰元素:
在同⼀HTML⽂档中不能有两个具有相同id值的元素。⽂档中的每个id值都必须是唯⼀的。
你可以在样式表⾥通过#id为特定元素定义CSS属性。
----------------------------------------------------------------------------------------------------------------------第1章
...
第1.1节
.
..
第1.2节
...
第2章
...
第2.1节
...
第2.1.1⼩节
...
为每⼀章节指定id
第1章
.
..
第1.1节
...
第1.2节
...
第2章
...
第2.1节
...
第2.1.1节
...
假如我们要求第1.2节显⽰为红⾊,那么CSS可以这样写:
复制代码代码如下:
#c1-2 {
color: red;
}
说明:#c1-2指引⽤id为c1-2的元素,注意与class的区别,class引⽤时⽤“.”。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论