在网站制作中，对于CSS伪类的命名有一个地方需要注意，那就是不能以数字开头，更不能以全数字来命名CSS类，不然将会造成浏览器无法解释解析以数字开头命名的CSS类，最后造成所定义的类无法起到作用。但是我们可以用字母开头加数字方式来命名，当然也可以以纯字母来命名，但不能以数字开头加字母的方式来命名。很多新手在命名CSS伪类的时候都不知道怎么命名，出现了以数字开头的命名形式，结果造成所命名的类失效，造成网页显示混乱。下面我们郑州网站建设公司对几种CSS伪类进行测试，并写出测试代码和加以截图，来说明以数字开头命名伪类与以字母开头命名伪类的不同结果。下图是我们郑州网站建设公司的测试结果。
下面列出几种CSS伪类的命名方式：
.divclass ---- 这是正确的CSS类命名
.div2class ---- 这是正确的CSS类命名
.divclass2 ---- 这是正确的CSS类命名
.34567 ---- 这是错误的CSS类命名
.4divclass ---- 这是错误的CSS类命名
下面是我们郑州网站建设公司编写的测试CSS伪类测试的代码：
<!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>CSS伪类命名时带数字情况的测试（本实例由郑州网站建设公司--郑州凯讯公司提供）</title>
<style type="text/css">
.divclass{ width:280px; height:50px; background-color:#CCCCCC;}
.div2class{ width:280px; height:50px; background-color:#CCCCCC;}
.34567{ width:280px; height:50px; background-color:#CCCCCC;}
.4divclass{ width:280px; height:50px; background-color:#CCCCCC;}
</style>
</head>
<body>
<div class="divclass">这是CSS伪类 divclass 显示的样式</div>
<br>
<div class="div2class">这是CSS伪类 div2class 显示的样式</div>
<br>
<div class="34567">这是CSS伪类 34567 显示的样式</div>
<br>
<div class="4divclass">这是CSS伪类 4divclass 显示的样式</div>
</body>
</html>
