CSS常见的类选择器类型有哪些

发布时间:2022-03-02 16:23:35 作者:iii
来源:亿速云 阅读:210

这篇“CSS常见的类选择器类型有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS常见的类选择器类型有哪些”文章吧。

常见的类选择器类型有如下几种:

1.标签选择器,标签选择器名称{css样式代码;}

2.类选择器,类选器名称{css样式代码;}

3.ID 选择器,#类选器名称{css样式代码;}

4.子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。

5.包含选择器,即加入空格 ,用于选择指定标签元素下的后辈元素。

6.通用选择器,匹配html中所有标签元素,* {css样式代码;}类选择器和ID选择器都可以应用于任何元素,但 ID 选择器只能在文档中使用一次,可以使用类选择器词列表方法为一个元素同时设置多个样式,ID 选择器是不可以的。

子选择器和包含选择器区别:>作用于元素的第一代后代,空格作用于元素的所有后代。

另外还有两种选择符:

1.伪类选择符,允许给 HTML 不存在的标签(标签的某种状态)设置样式。常用的有 a:hover{color:red;}

2.分组选择符,为 HTML 中多个标签元素设置同一个样式时,可以使用分组选择符,

例如h2,span{color:red;}

以上就是关于“CSS常见的类选择器类型有哪些”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。

推荐阅读:
  1. 什么是css选择器以及css3中种常见的基本选择器有哪些
  2. css选择器有什么类型

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:CSS+DIV盒子模型是什么

下一篇:CSS层级选择器怎么设置

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》