这是【CSS 教程系列第 4 篇】,如果觉得有用的话,欢迎关注专栏。
一:什么是选择器
如果你想将 CSS 样式应用于特定的 HTML 元素,首先需要找到该目标元素,在 CSS 中,执行这一任务的样式规则部分被称为选择器,有的地方也会叫选择符。
二:举例说明
我们先来看一段代码
雄心志四海,万里望风尘
雄心志四海,万里望风尘
雄心志四海,万里望风尘
浏览器运行效果如下所示 如果现在让你只把第二个《雄心志四海,万里望风尘》这句话的文本颜色变为红色,该怎么实现呢?
我们肯定需要通过一种方式来选中第二个 div ,而不是第一和第三个的 div ,然后再去改变文本颜色,这种方式就叫 “选择器”。
三:CSS 中的选择器
在 CSS 中,我们有很多选中元素的方式,所以有了不同的选择器,虽然选择方式是不同的,但这些选择器的目的都是相容的,那就是选中你需要的元素,然后去定义这个元素的样式。
CSS 选择器有很多,常用的有
- 元素选择器(标签选择器)
- id 选择器
- class 选择器(类选择器)
- 后代选择器
- 子代选择器
- 并集选择器(群组选择器)
- 交集选择器
- 伪类选择器
- 通配符选择器
你的问题得到解决了吗?欢迎在评论区留言。
赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。
结束语 技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。 最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。