css中的四种基本选择器类型分别是什么

css中的四种基本选择器类型分别是标签选择器、ID选择器、类选择器和通用选择器。css中的选择器分为两大类,分别是基本选择器和扩展选择器。

css中的四种基本选择器类型分别是什么

本教程操作环境:windows10系统、css3,本文适用于所有品牌的电脑。

CSS的选择器分为两大类:基本选择器和扩展选择器,其中有4种基本选择器。

(相关学习视频分享:css视频教程)

基本选择器:

立即学习“前端免费学习笔记(深入)”;

1、标签选择器:针对一类标签

2、ID选择器:针对某一个特定的标签使用

3、类选择器:针对你想要的所有标签使用

4、通用选择器(通配符):针对所有的标签都适用(不建议使用)

标签选择器:一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签采用相应的CSS样式。

4c4f7f0f331f785c9453f6324d14233.png

id选择器:根据元素ID来选择元素,具有唯一性。前面以”#”号来标志。

6704d3c568a05e0cc0153e5880a077f.png

类别选择器:类选择器根据类名来选择。和id非常相似,任何的标签都可以携带id属性和class属性。但是id属性只能被某一特定标签引用一次。

9e6e3f2ce22c1e9e85e40dd36daad2f.png

通配符*:匹配所有标签不建议使用。

8eaeb2fd7a3152f2a59ed47966f8506.png

相关推荐:css视频教程

以上就是css中的四种基本选择器类型分别是什么的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2884291.html

(0)
上一篇 2025年3月10日 20:27:06
下一篇 2025年3月10日 20:27:17

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • CSS怎么控制行高?

    在CSS中,可以通过line-height属性来控制行高,该属性可以通过百分比、数字、像素值等方法来设置行间的距离(行高);语法“line-height:属性值;”,属性值可以设置为百分比值、数字、像素值和normal关键字。 本教程操作环…

    2025年3月10日
    000
  • CSS元素选择器的运作原理介绍

    推荐教程:CSS视频教程 在前端工程师的日常工作中,使用 CSS 元素选择器是稀松平常的事;无论你是编写一般的 CSS 还是需要经过编译的 SASS,SCSS,LESS等,最终都被编译成一行一行的 CSS 样式属性,最终交给浏览器解析并套用…

    2025年3月10日 编程技术
    200
  • 了解css中容易被忽略特性,避免一些经常遇到的坑

    CSS初学感觉很简单,但随着学习的深入才感觉CSS的水由多深,平常总会遇到各种坑,先总结一些经常遇到的坑。 推荐教程:CSS视频教程 大小写不敏感 虽然我们平时在写CSS的时候都是用小写,但其实CSS并不是大小写敏感的 立即学习“前端免费学…

    2025年3月10日 编程技术
    200
  • 什么是CSS权重

    CSS权重是指选择符的优先级,优先级高的css样式会覆盖优先级低的样式,优先级越高说明权重越高。当css选择规则的权重不同时,权值高的优先。当css选择规则的权值相同时,后定义的规则优先。 要知道什么是CSS的权重,那么我们必须先了解CSS…

    2025年3月10日
    200
  • 什么是css预编译

    css预编译是指通过能读取文件的语言编写的插件把文件解析成css文件,因为它们的文件名都不是css,写法也不是纯css,而是无法被浏览器识别的,所以写完需要编译一下才能使用,这便是css预编译。 预编译原理 通过能读取文件的语言编写的插件把…

    2025年3月10日
    200
  • css怎么设置图片的对比度

    css设置图片的对比度的方法:可以利用【filter:contrast(%)】属性来设置图片的对比度,如【filter:contrast(0%)】。filter属性定义了元素的可视效果,如模糊、饱和度、对比度等。 属性介绍: filter …

    2025年3月10日
    200
  • css如何设置鼠标的形状

    css设置鼠标的形状的方法:可以利用cursor属性来进行设置,如【span.crosshair {cursor:crosshair;}】。cursor属性规定要显示的光标的类型,默认状态下光标是一个箭头。 cursor 属性规定要显示的光…

    2025年3月10日
    200
  • css中的流式布局是什么意思

    css中的流式布局是指页面中元素的宽度按照屏幕分辨率自动进行适配调整,它可以保证当前屏幕分辨率发生改变的时候,页面中的元素大小也可以跟着改变。 什么是流式布局 网页布局中包括:静态布局,流式布局,响应式布局和弹性布局几种情况。 (学习视频分…

    2025年3月10日
    200
  • 怎么用CSS调整背景图的大小

    用CSS调整背景图的大小的方法:可以利用background-size属性来进行调整,如【background-size:80px 60px;】。backgrond-size属性规定了背景图像的尺寸。 属性介绍: background-si…

    2025年3月10日
    200
  • css如何隐藏溢出来的文字

    css隐藏溢出来的文字的方法:可以利用text-overflow属性来实现,如【text-overflow:ellipaos;】,属性值ellipsis表示显示省略符号来代表溢出来的文字。 属性介绍: text-overflow 属性规定当…

    2025年3月10日
    200

发表回复

登录后才能评论