<!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" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style type="text/css">
.one{
font-size:20px;
}
.two{
color:red;
}
.three{
color:green;
}
.four{
font-size:30px;
}
#three{
color:#FF0000;
}
#four{
color:#FF0;
font-size:25px;
}
.six{color:blue;}
</style>
</head>
<body>
<p class="one two">要想改动文字为红色,这样对于页面结构完全没有用处。</p>
<p class="two one three">要想改动文字为红色,这页面结构完全没有用处。</p>
<p id="three">要想改动文字为红色,这样对于页面结构完全没有用处。</p>
<p id="four">要想改动文字为红色,这样对于页面结构完全没有用处。</p>
<p class="five one four two three">要想改动文字为红色,这样对于页面结构完全没有用处。</p>
<p class="six two four six">要想改动文字为红色,这样对于页面结构完全没有用处。</p>
</body>
</html>
总结:类选择器要用.开头,如果需要需要表达多个类别,故放在“” “”中间,用空格隔开,比如class=“”one two“”