<html> <head> <meta charset="UTF-8"> <title>CSS选择器</title> <!--页内样式--> <style> /*body{ background-color:red; }*/ /* 类选择器 .box1{ background-color:yellow; }*/ /* id选择器 特殊定义样式*/ #box2{ font-size:50px; } /* 并列选择器 body,.box1{ } */ /* 复合选择器 body.box1{ } */ /* 后代选择器(常用) */ .box1{ color:red; } </style> </head> <body> <!--class 类选择器--> <div class="box1">11111111111111111111111111111111111</div> <div id="box2">2222222222222222222222222222222222</div> <div>333333333333333333333333333333333333</div> </body> </html>