• 技术文章 >web前端 >前端问答

    css选择器不可以是标签的名字吗

    青灯夜游青灯夜游2022-09-23 17:16:35原创106

    可以是;元素选择器就是使用HTML标签名的。在css中,元素选择器就是通过HTML页面的元素(标签)名定位具体HTML元素,语法结构为“元素名 {属性:属性值;}”;如果元素选择器单独使用的话,会定位当前HTML页面中所有该元素名的元素。

    大前端成长进阶课程:进入学习

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

    css选择器可以是标签的名字。在css中,元素选择器就是使用HTML标签名的。

    css 元素选择器

    元素选择器 又称为 类型选择器,它是通过HTML页面的元素名定位具体HTML元素。如果类型选择器单独使用的话,会定位当前HTML页面中所有该元素名的元素。

    语法结构如下所示:

    元素名 {  
      属性:属性值;  
     }

    值得注意是:元素选择器的元素名是不区分大小写的。

    示例代码如下:

    <!DOCTYPE html>
    <html>
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>类型选择器</title>
        <style>
            /* 选择标签名为 h1 的元素,设置字体的颜色为红色 */
            h1 {
                color: lightcoral;
            }
    		/* 选择标签名为 div 的元素,设置背景的颜色为红色 */
    		div {
    			background-color: lightcoral;
    		}
        </style>
    </head>
    
    <body>
        <h1>一级标题</h1>
        <h2>二级标题</h2>
    	<div>sdfgs</div>
    	<div>123</div>
    	<p>123</p>
    	<div>456</div>
    	<div>456</div>
    </body>
    
    </html>

    1.png

    元素选择器的优点

    小结

    元素选择器可以一次性将样式应用于某种标签,很好很强大。

    (学习视频分享:web前端

    以上就是css选择器不可以是标签的名字吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css 选择器
    上一篇:css中translate是什么意思 下一篇:css中id选择符的标识是什么
    VIP课程(WEB全栈开发)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• css怎么实现给元素块加阴影的效果• @在css中是什么作用• 巧妙利用 CSS 实现文字二次加粗和多重边框效果• css语言中哪一项是漂浮的语法• css中设置长度的单位有哪些• 聊聊为什么不应该依赖CSS 100vh?
    1/1

    PHP中文网