千家信息网

常用css3基本选择器是什么

发表于:2026-11-04 作者:千家信息网编辑
千家信息网最后更新 2026年11月04日,这篇文章主要介绍了常用css3基本选择器是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。常用css3基本选择器:1、通配符选择器"
千家信息网最后更新 2026年11月04日常用css3基本选择器是什么

这篇文章主要介绍了常用css3基本选择器是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

常用css3基本选择器:1、通配符选择器"*";2、class类选择器".class名";3、元素选择器;4、ID选择器"#id名";5、群组选择器"E,F,...",可将具有相同样式的元素分组在一起,每个选择器之间使用逗号","隔开。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

1.通配符选择器(所有浏览器支持)

通用选择器用*来表示,用来选择所有元素,,也可以选择某个元素下的所有元素;

*{marigin: 0; padding: 0; font-size: 14px;}

上面代码大家在reset样式文件中看到的肯定不少,他所表示的是,所有元素的margin和padding都设置为0,字体大小都设置为14px,另外一种就是选择某个元素下的所有元素:

                                        通配符选择器                                                
1

2

3

效果图:

我们可以看到在demo元素里的三个子元素div,p,span都是分别没有设置css样式的,但只要我们设置了demo元素下的所有元素的统一样式,那么demo元素里的三个子元素div,p,span就会出现样式。

2.类选择器 (所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持。)

类选择器根据类名来选择,前面以"."来标志,是以一独立于文档元素的方式来指定样式,使用类选择器之前需要在html元素上定义类名,换句话说需要保证类名在html标记中存在。

                                        类选择器                                                
类选择器

效果图:

3.元素选择器(所有浏览器支持)

元素选择器(标签名选择器),是css3选择器中最常见而且最基本的选择器。元素选择器其实就是文档的元素,如html,body,p,p等等下下面例子中选择了span元素,并设置了字体颜色为红色。

                                        元素选择器                                                

这里使用元素选择器改变了样式

效果图:

4.ID选择器(所有浏览器都支持)

ID选择器和上面说的类选择器是很相似的,在使用ID选择器之前也需要先在html文档中加注ID名称,这样在样式选择器中才能找到相对应的元素,不同的是ID选择器是一个页面中唯一的值,我们在类使用时是在相对应的类名前加上一个"."号(.className)而id选择器是在名称前使用"#"如(#demo)。

                                        ID选择器                                                
ID选择器

效果图:

ID选择器有几个地方需要特别注意:

第一:一个文档中一个id选择器只充许使用一次,因为id在页面中是唯一的;

第二,id选择器不能像类选择器一样多个合并使用,一个元素只能命名一个id名;

第三,可以在不同的文档中使用相同的id名,比如说在"test.html"中给h2定了"#important",也可给"test1.html"中定义p的id为"#important",但前提是不管在test.html还是test1.html中只充许有一个id叫"#important"的存在。

5.群组选择器(所有浏览器都支持)

当几个元素样式属性一样时,可以共同调用一个声明,元素之间用逗号分隔。群组选择器是将具有相同样式的元素分组在一起,每个选择器之间使用逗号","隔开,这个逗号告诉浏览器,规则中包含多个不同的选择器,如果不有这个逗号,那么所表达的意就完全不同了,省去逗号就成了我们前面所说的后代选择器,这一点大家在使用中千万要小心加小心。

                                        群组选择器                                                

这里是一个段落!

  • 列表
链接一
文字文字!

效果图:

感谢你能够认真阅读完这篇文章,希望小编分享的"常用css3基本选择器是什么"这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!

选择 元素 样式 支持 浏览器 逗号 浏览 效果 效果图 文档 不同 篇文章 类名 常用 相同 之间 通配符 个子 名称 多个 数据库的安全要保护哪些东西 数据库安全各自的含义是什么 生产安全数据库录入 数据库的安全性及管理 数据库安全策略包含哪些 海淀数据库安全审计系统 建立农村房屋安全信息数据库 易用的数据库客户端支持安全管理 连接数据库失败ssl安全错误 数据库的锁怎样保障安全 互联网科技海报 中智农互联网科技 广州大一互联网络科技有限公司 A股互联网金融科技公司 平安科技 互联网 深圳天众互联网科技公司 互联网高科技股票 新华互联网科技校企合作 互联网科技公司的市场部门 农村开互联网科技讲堂 顶级互联网科技成果有哪些 重庆互联网医院沙龙医盟信息科技 华夏恒生互联网科技013171 四川慕妮娅互联网科技有限公司 徐州市互联网科技有限公司 中国互联网有什么科技 中天科技中国工业互联网 容联科技互联网电商 河南商务圈互联网科技有限公司 六子台科技互联网展会 科技赋能下的互联网金融 团飞科技与伯堂互联网服务平台 栖莱科技互联网股份有限公司 互联网公司科技股 互联网5g黑科技有哪些 内蒙古九一互联网科技 中国互联网公司排名锤子科技 雨阳互联网卡科技有限公司 广州百诚互联网科技有限公司官网 抖集互联网科技技术咨询
0