CSS入门教程:CSS选择器

作者佚名技术来源 CSS技术浏览发布时间 2012-02-27

用法类似，只不过把id换做class，如下：

<p class="one">此处为p标签内的文字</p>

如果我还想让div标签也有相同的样式，怎么办呢？加上同样的class就可以了，如下

<div class="one">此处为p标签内的文字</div>

这样页面中凡是加上class="one"的标签，样式都是一样的喽~CSS定义的时候和ID选择器差不多，只不过把#换成.，如下

.one{
font-size:12px;
background:#900;
color:090;
}

补充:一个标签可以有多个类选择器的值，不同的值用空格分开，如：

<div class="one yellow leftStyle">此处为p标签内的文字</div>

这样我们可以将多个样式用到同一个标签中，当然也可以，ID和class一块用

<div id="div1" class="one yellow leftStyle">此处为p标签内的文字
</div>

【通用选择器】
到这里，前三种基本的选择器说完了，但是还需要给大家介绍一个CSS选择器中功能最强大但是用的最少的一种选择器“通用选择器”

*{此处为CSS代码}

强大之处是因为他对父级中的所有HTML标签进行样式定义，可对具有共同样式的标签样式进行定义(有点小学数学中的提取公因式)，这样可以大大精简代码；既然有这么强大的功能为什么是用的最少呢，同样还是因为他的强大，他是对父级元素内的所有标签进行定义，所以只要你定义了，那么父级里面的所有的标签，甭管有没有必要，也都相当于加上了通用选择器里面的代码了，能这么说大家不能够完全理解，没关系，我给大家举个例子，请看下面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">



</style>

</head>

<bo

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: CSS实例教程:清除浮动Clear下一篇: CSS网页制作教程:制作网页导航条

关于CSS入门教程:CSS选择器的所有评论

随机推荐