CSS选择器

2022-07-15 15:54:13

在层级样式表（下文中用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元素

码农公寓