[笔记]浅谈各种选择器

[浅谈各种选择器]

一、ID选择器和类选择器
ID选择器和类选择器作为常见的样式选择器有着极高的“出场率”,这里先简单说一下两种选择器的用法以及谁优先的问题,下面请先看ID选择器:在这里插入图片描述
下面来看一下类选择器的用法:
在这里插入图片描述
以上两段代码的显示效果是完全相同的,都是对div中的文本进行字体颜色上的处理;考虑到代码的维护性,一般不将style样式写到内部,另外标签选择器也是一种用法,代码类似于: 在项目开发中也起着一定的作用。

二、组合选择器
	1、包含选择器:包含选择器也是一种常见的样式选择器,在style中的书写方式用空格隔开,前面是包含,后面是被包含,共同构成了包含选择器,具体代码如下:
	<!DOCTYPE html>
测试包含选择器
我在外部 子选择器
![子选择器](https://img-blog.csdnimg.cn/2019042700060861.png) 3、相邻选择器:互为兄弟标签可以通过 + 进行选择,值得注意的是,前后的关系是兄弟关系,并且两个标签兄放在前面,弟放在后面,否则这种使用方法无效。

总之,CSS3的选择器还有很多,比如兄弟选择器、属性选择器、伪类选择器,这里介绍一种关于a标签的伪类选择器用法,代码如下:

伪类选择器 伪类选择器 通过a:hover的设置可以实现鼠标经过a标签时进行颜色变化,这里十分简单地说了一下我作为前端初学者对于一些选择器的认识,如有不对,还望谅解,也欢迎大家一起与我讨论学习,谢谢大家~
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值