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

    css的基本选择器有哪几种

    青灯夜游青灯夜游2021-02-25 11:37:11原创6898

    css的基本选择器有3种,分别为:1、标签选择器,又称为类型选择器,匹配指定标签元素名称的所有标签;2、class选择器,匹配指定类的所有元素并设置样式;3、id选择器,可以为标有特定id的HTML元素指定特定的样式。

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

    css中的基本选择器

    (1)标签选择器

    p {
        background-color:red;
        color:blue;
    }

    (2)class选择器

    每个HTML标签中都有一个属性 class

    <div class="haha">愿有岁月可回首,且以深情共白头!</div>
    
    .haha {
        background-color:blue;
    }

    (3)id选择器
    每个HTML标签中都有一个属性 id

    <div id="hehe">愿有岁月可回首,且以深情共白头!</div>
    #hehe {
        background-color:blue;
    }

    基本选择器的优先级

    style > id选择器 > class选择器 > 标签选择器

    推荐教程:CSS视频教程

    以上就是css的基本选择器有哪几种的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 基本选择器
    上一篇:css标签与标签怎么设置距离 下一篇:css段落缩进属性是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• css中如何让文字大小改变• 在css中设置边框可以用哪些属性• css设置字体大小的属性名是什么• css怎么设置鼠标光标形状• css设置外边距的属性名是什么
    1/1

    PHP中文网