复制代码
<!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>
<title>divcss8.com示例</title>
<style type=”text/css”>
#diyi li a{color:#f00;}
</style>
</head>
<body>
<ul>
<li><a href=”#”>项目编号1</a></li>
<li><a href=”#”>项目编号2</a></li>
</ul>
<ul id=”diyi”>
<li><a href=”#”>项目编号1</a></li>
<li><a href=”#”>项目编号2</a></li>
</ul>
<a href=”#”>我不会被改变</a>
</body>
</html>
语法规范就是：
#选择器名称{CSS属性：属性值;}
而在HTML中就是 id=”选择器名称”
在上面我们讲到了自定义ID选择器，为了以后JS获取内容方便，所以说我们只能使用一次。如果CSS代码想多次重复使用怎么办呢。那么就时候就可以用自定义的class选择符。
我们看一个下面这个示例：
复制代码
<!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>
<title>divcss8.com class选择器示例</title>
<style type=”text/css”>
.diyi li a{color:#f00;}
</style>
</head>
<body>
<ul class=”diyi”>
<li><a href=”#”>项目编号1</a></li>
<li><a href=”#”>项目编号2</a></li>
</ul>
<ul class=”diyi”>
<li><a href=”#”>项目编号2</a></li>
<li><a href=”#”>项目编号3</a></li>
</ul>
<a href=”#”>我不会被改变</a>
</body>
</html>
那么这两个项目列表都会发生变化。并且还要注意的就是CLASS选择符可以一次使用多个。在每个名称后边加一个空格即可，如 class=”diyi clear”这样就可以了。
还有一种选择符就是通用选择符是可以针对所有HTML标签应用如下：
复制代码*{padding:0px;margin:0px;}
这个我准备放到布局时在详细讲解。
咱们一直使用的都是内嵌样式，我们现在学习一个新的引入CSS样式的方式，也是我们日后经常用的链接样式。
使用链接样式有什么好处呢：
为了SEO方便，如果直接使用内嵌样式。那么会造成蜘蛛在爬行的时候，要爬行很多CSS代码
