为了账号安全,请及时绑定邮箱和手机立即绑定

【学习笔记】HTML/CSS选择符总结

图片描述
用于选择特定元素的选择符分为三种:
①.上下文选择符:基于祖先或同胞元素选择一个元素。
②.ID和类选择符:基于id和class属性的值(你自己设定)选择元素。
③.属性选择符:基于属性的有无和特征选择元素。

上下文选择符的格式:
标签1 标签2 {声明} 其中,标签2是我们想要选择目标,而且只有在标签1是其祖先元素(不一定是父元素)的情况下才会被选中。用于选择作为指定祖先元素后代的标签。
特殊的上下文选择符:
a.子选择符> 格式:标签1>标签2(标签2必须是标签1的子元素)
b.紧邻同胞选择符+ 格式:标签1+标签2(标签2必须紧跟在其同胞标签1的后面)
c.一般同胞选择符~ 格式:标签1~标签2(标签2必须跟(不一定紧跟)在其同胞标签1的后面)
d.通用选择符* 通配符,它匹配任何元素。
ID和类选择符:
类选择符:
1.类选择符 格式:.类名
2.标签带类选择符(把标签名和类选择符写在一块)
eg:<p class="specialtext">愿无岁月可回头,且以情深共<em>白头</em>。</p>
css:p.specialtext{color:red;}
p.specialtext span{color:blue;}
3.多类选择符
eg:<p class="specialtext featured">愿无岁月可回头,且以情深共白首</p>
css:.specialtext.feaured{font-size:120%;}
属性选择符:
①.属性名选择符:标签名[属性名](选择任何带有属性名的标签名)
②.属性值选择符:标签名[属性名=“属性值”]


以上学习笔记供大家参考。谢谢阅读。

点击查看更多内容
10人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
3
获赞与收藏
257

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消