CSS选择符包括的种类

发布时间:2020-05-29编辑:脚本学堂
css中有哪些选择符包括哪些种类?以前还没有总结归纳过,今天给大家列举一下,希望可以帮助到您。

CSS选择符即css样式的名称,可以灵活的使用字符为其命名。注意CSS选择符只能以字母开头,如果您写的CSS老是加载不上,看看是不是以字母开头的。常用的CSS选择符有以下几种:
1、通配选择符(*),表示页面内所有元素的样式。
 

复制代码 代码示例:
*
{
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
}
 

2、类型选择符。是指以网页中已有的标签类型作为名称的选择符,例如body、div、p、span等。
 

复制代码 代码示例:
div
{
 font-family:Verdana, Geneva, sans-serif;
 font-size:12px;
}
 

所有的页面元素都可以作为选择符。
3、群组选择符,如果要对一组对象同时进行相同的样式指派,只需要使用“,”逗号,对选择符进行分割即可。这种方法的优点是对于同样的样式只需书写一次就可以了,减少代
码量,改善了CSS代码结构。
 

复制代码 代码示例:
a:link,a:visited{
 color:#000;
}
 

4、包含选择符对某对象中的子对象进行样式指派。
 

复制代码 代码示例:
#header
{
 width:300px;
}
#header top
{
 width:100px;
}
 

"header" id下的"top" class。

5、id选择符
 

复制代码 代码示例:
#header
{
 width:300px;
}
 

前边是“#”号,id选择符具有唯一性,在页面中不能重复使用。 常见的是header content footer。
6、class选择符,比较常用了,可以在页面中重复使用。
 

复制代码 代码示例:
.title
{
 width:300px;
}
 

此外还有这样的写法
 

*html IE6专用hack
*+html IE7专用hack