首页 > 代码库 > css-五种选择器
css-五种选择器
<!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="http://www.mamicode.com/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、关于伪类选择器，要根据各个标签的特性选择合适的属性。
css-五种选择器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。