嘻皮客娱乐学习网

标题: CSS选择符有哪些？ [打印本页]

作者: OUOU 时间: 2014-10-29 16:41
标题: CSS选择符有哪些？
CSS选择符有哪些？

CSS选择符即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;
}
此外还有这样的写法
*htmll IE6专用hack
*+htmll IE7专用hack
hack即css浏览器兼容性。我们下一篇文章讲解。

欢迎光临嘻皮客娱乐学习网 (http://www.xipick.com/)