首页 > Web开发 > 详细

CSS选择器

时间:2020-10-21 09:32:36      阅读:29      评论:0      收藏:0      [点我收藏+]

在层级样式表(下文中用CSS)中我们对DOM元素设置样式,设置样式时通过选择器,将CSS样式分配给相应的一些DOM元素

选择器分为:标签选择器,类选择器,id选择器。三种选择器都是范围选择,只要是同名称

标签选择器

通过标签本身的名称来选择DOM元素

<style>
    p {
        /* 写样式 */
    }
</style>
<body>
    <p></p>
</body>

类选择器

通过向标签添加class名来选择DOM元素

<style>
    .title {
        /* 写样式 */
    }
</style>
<body>
    <p class=“title”></p>
</body>

id选择器

通过向标签添加id名来选择DOM元素

<style>
    #title {
        /* 写样式 */
    }
</style>
<body>
    <p id="title"></p>
</body>

每个选择器都是多选,会将样式分配给所有选择器相同的DOM元素

CSS选择器

原文:https://www.cnblogs.com/Function-cnblogs/p/13849950.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!