首页 > 代码库 > 【前端积累】选择器
【前端积累】选择器
常用选择器:
- 类型选择器:使用元素名称来进行选择
1 p{color:black;} 2 a{text-decoration:underline} 3 h1{font-weight:bold;}
- 后代选择器:寻找特定元素或元素组的后代。后代选择器由其他两个选择器及之间的空格表示。
1 li a {text-decoration:none;}
这两种选择器适合于那些应用范围广的一般性样式,要寻找更特定的元素,可以使用ID选择器和类选择器。
1 #font-weight:bold;} 2 .datePosted{color:green;} 3 4 <p id="intro">Some text</p> 5 <p class="datePosted">24/3/2017</p>
通常会使用类型、后代、ID、类等几种选择器的组合。
伪类:
1 a:link{color:#0f8;} 2 a:visited{color:#0k6;} 3 a:hover{color:#0j0;} 4 a:active{background-color:#C30;} 5 input:focus{background-color:#F33}
【前端积累】选择器
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。