首页 话题 小组 问答 好文 用户 我的社区 域名交易 唠叨

[分享]css入门二都讲了哪些选择器

发布于 2024-11-11 15:44:28
0
13

在CSS中,选择器用于指定要样式化的特定元素。在CSS入门二中,讲解了以下几种选择器:1. 类选择器:以句点(.)开头,后面跟类名。例如:.classname {} 该选择器的作用是为拥有该类名的元素...

在CSS中,选择器用于指定要样式化的特定元素。在CSS入门二中,讲解了以下几种选择器:

1. 类选择器:以句点(.)开头,后面跟类名。例如:.class-name {}
   该选择器的作用是为拥有该类名的元素添加样式。

2. ID选择器:以井号(#)开头,后面跟ID名。例如:#id-name {}
   该选择器的作用是为具有该ID的元素添加样式。

3. 元素选择器:指定元素名称即可,例如:p {}
   该选择器的作用是为指定元素类型的所有元素添加样式。

4. 后代选择器:用空格分隔两个选择器,例如:p span {}
   该选择器的作用是为某个元素内的后代元素添加样式。

5. 子元素选择器:用大于符号(>)分隔两个选择器,例如:div > p {}
   该选择器的作用是为某个元素的直接子元素添加样式。

6. 相邻兄弟选择器:用加号(+)分隔两个选择器,例如:p + ul {}
   该选择器的作用是为某个元素之后的相邻兄弟元素添加样式。

以上就是CSS入门二所讲解的选择器类型,不同的选择器可以用于不同的情境,选择合适的选择器可以帮助我们更方便地编写CSS样式。

评论
一个月内的热帖推荐
91云脑
Lv.1普通用户

62849

帖子

14

小组

291

积分

赞助商广告
站长交流