前端,常用选择器

1.元素选择器
通过元素选择器可以选择网页上指定的元素
2.id选择器
唯一标识
id 不能重复
一个页面能有一个id
3.id用法

p1{

color:red;    

}
id="p1"的元素会变成红色
4.类选择器
class
可以重复
可以为一个元素设置多个class属性
多个属性要用空格隔开
5.class用法
.p2{
font-size:20px;
}
class="p2"的元素字体为20像素
6.选择器分组(并集选择器)
用逗号把多个选择器分隔,然后并列到一起,同时使用一个样式(style)
7.并集选择器用法

p1,.p2,h1{

background-color:blue; 

}
三个选择器的元素背景颜色都是蓝色
8.通配选择器
用*号表示,选中页面上所有的元素
9.通配选择器用法
*{
color:red;
}
页面所有的元素都变成红色
10.复合选择器(交集选择器)
span.p3{
background-color:yellow;
}
即满足<span>元素 也满足class="p3",把两个元素紧紧写在一起就是复合选择器

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 选择器 元素选择符 关系选择符 属性选择符 伪类选择符 伪对象选择符 一、元素选择符 通配选择符 (*):选择所有...
    云外之境阅读 5,881评论 0 0
  • 我们大多数人大多时候都是为了那闪光灯下几分几秒的闪耀而付出了远超于所得的时间,精力。可为什么我们还是孜孜不倦的为了...
    尼龙小姐的日记阅读 1,787评论 5 2
  • 今天早上7点左右,我们又去了桐皮沟。 我们这次去,是为了把剩余的包谷收拾完,为了把包谷全装回来,我妈妈准备了5个口...
    浅笑安然_a7c5阅读 2,087评论 0 0
  • 在那个村有一个冰窖,之前挖的土坑,因为村民们喜欢吃冰冻西瓜,就做了个冰窖,储存冬天的冰,还有一本书。这书是村里一个...
    萤木C阅读 1,576评论 0 0
  • 陪伴,其实有许多的滋味(二) 原创丨稻田 “名...
    美文散文分享阅读 3,311评论 0 5

友情链接更多精彩内容