关注前端开发微信微信号web007007

css选择符有哪些?优先级是怎么的?

作者 管理员 发布时间 2013-03-07 15:16 文章分类 DIV&CSS 文章评论 2条评论 阅读次数

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(“header” id下的”top” class。)
{
width:100px;
}

 

5、id选择符

#header
{
width:300px;
}

6、class选择符,比较常用了,可以在页面中重复使用。

.title
{
width:300px;
}

此外还有这样的写法

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

#ID > .class > 标签选择符

本文固定链接: http://www.web92.net/902.html | WEB前端开发

该日志由 于2013年03月07日发表在 DIV&CSS 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: css选择符有哪些?优先级是怎么的? | WEB前端开发
关键字: ,