<!DOCTYPE html> <html> <head> <title>03-css选择器.html</title> <meta name="content-type" content="text/html; charset=gbk"> <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> <!-- 标签选择器： 标签名{ } id选择器： #idname{ } 注意：一个id的值只能出现一次。 class选择器： .classname{ } 注意：class表示一个类，可以出现多次。 伪类选择器： 选择标签的某种状态，需要配合其他选择器一起使用。 l：未访问过 v：访问过 h：悬浮 a：激活，点击 组合选择器： #one,.two,a{ } 统一设置样式 --> <style type="text/css"> p{ color:yello; } #one{ color:red; } .two{ color:blue; } a:link{ color:red; } a:visited{ color:black; } a:hover{ color:pink; } a:active{ color:yellow; } </style> </head> <body> <p>This is my HTML page. </p><br> <p id="one"> This is my HTML page. </p> <br> <p class="two"> This is my HTML page. </p> <br> <a href="E:/mycode/day01-html/CSS/01-结合方式.html" target="_blank">来吧</a> </body> </html>
1、共有五种选择器。
2、合理使用各种选择器。
3、关于伪类选择器，要根据各个标签的特性选择合适的属性。
原文：http://www.cnblogs.com/almost-mujin/p/5819841.html