标签:
<!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