精通CSS+DIV:2，CSS基本语法

hidetobj

于 2007-09-20 12:18:23 发布

阅读量138

点赞数

分类专栏： CSS 文章标签： CSS HTML

CSS 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了CSS中各类选择器的应用方法，包括标记选择器、class选择器、ID选择器以及选择器的集体声明、全局声明和嵌套声明方式，并讲解了CSS属性的继承规则。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、CSS选择器

1，标记选择器
[code]
h1 {
color: red;
font-size: 25px;
}
[/code]

2，class选择器
[code]
.one {
color: green;
font-size: 20px;
}
[/code]
其中对于一个div使用多个class时(class="one two")，在css文件中定义靠后的class中的同名属性(比如class1和class2
都定义了color属性)会覆盖靠前的class中的同名属性

3，ID选择器
[code]
#one {
font-weight: bold;
}
[/code]
同一HTML标记只能使用一个id

二、选择器声明

1，集体声明
[code]
.special, h2.special, #one {
color: purple;
font-size: 15px;
}
[/code]

2，全局声明
[code]
* {
color: purple;
font-size: 15px;
}
[/code]

3，选择器嵌套
[code]
p b {
color: maroon;
text-decoration: underline;
}
[/code]

三、CSS继承
[code]
.li1 {
color: blue;
font-size: 15px;
}

.li1 ol li {
font-weight: bold;
text-decoration: underline;
}
[/code]