您当前的位置: 首页 >  css

Allen Su

暂无认证

  • 0浏览

    0关注

    431博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

【CSS 教程系列第 4 篇】什么是 CSS 中的选择器?CSS 的选择器都有哪些?

Allen Su 发布时间:2019-11-24 15:31:41 ,浏览量:0

这是【CSS 教程系列第 4 篇】,如果觉得有用的话,欢迎关注专栏。

一:什么是选择器

如果你想将 CSS 样式应用于特定的 HTML 元素,首先需要找到该目标元素,在 CSS 中,执行这一任务的样式规则部分被称为选择器,有的地方也会叫选择符。

二:举例说明

我们先来看一段代码

	雄心志四海,万里望风尘
	雄心志四海,万里望风尘
	雄心志四海,万里望风尘

浏览器运行效果如下所示 在这里插入图片描述 如果现在让你只把第二个《雄心志四海,万里望风尘》这句话的文本颜色变为红色,该怎么实现呢?

我们肯定需要通过一种方式来选中第二个 div ,而不是第一和第三个的 div ,然后再去改变文本颜色,这种方式就叫 “选择器”。

三:CSS 中的选择器

在 CSS 中,我们有很多选中元素的方式,所以有了不同的选择器,虽然选择方式是不同的,但这些选择器的目的都是相容的,那就是选中你需要的元素,然后去定义这个元素的样式。

CSS 选择器有很多,常用的有

  • 元素选择器(标签选择器)
  • id 选择器
  • class 选择器(类选择器)
  • 后代选择器
  • 子代选择器
  • 并集选择器(群组选择器)
  • 交集选择器
  • 伪类选择器
  • 通配符选择器

你的问题得到解决了吗?欢迎在评论区留言。

赠人玫瑰,手有余香,如果觉得文章不错,希望可以给个一键三连,感谢。

结束语 技术是一点一点积累的,大神也不是一天就可以达到的。原地不动就是退步,所以每天进步一点点。 最后,附上一句格言:"好学若饥,谦卑若愚",望共勉。
关注
打赏
1656491068
查看更多评论
立即登录/注册

微信扫码登录

0.0366s