• 技术文章 >web前端 >css教程

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

    VV2020-11-30 16:33:24原创2344

    css中的四种基本选择器类型分别是标签选择器、ID选择器、类选择器和通用选择器。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中的四种基本选择器类型分别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:css 基本选择器
    上一篇:CSS怎么控制行高? 下一篇:CSS元素选择器的运作原理介绍
    大前端线上培训班

    相关文章推荐

    • jquery基本选择器practice的实例详解• jquery基本选择器• 什么是css选择器?css3中5种常见的基本选择器(代码实例)• css基本选择器有哪些?css基本选择器有哪四种

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网