CSS之基本选择器

选择器

作用：选择页面上面的某一个或者某一类元素

标签选择器

会选中这个页面上所有这个标签的元素

<style>
        h1{
            color:#111111;
            background: rgba(181, 33, 167, 0.53);
            border-radius: 25px;
        }
        p{
            font-size: 20px;
        }
    </style>

类选择器

只会选中使用类的元素，可以多个标签使用同一个类

<style>
 .title1{
            color: aqua;
        }
        .title2{
            color: red;
        }
        .title3{
            color: #18a924;
        }
</style>

<h1 class="title1">Title1</h1>
<h1 class="title2">Title2</h1>
<h1 class="title3">Title3</h1>

效果：

id选择器

同一id值只能被一个标签使用，因此一个id选择器只作用于一个标签

<style>
 #h1id{
            color: rgba(255, 47, 247, 0.78);
        }
</style>

<h1 id="h1id">id选择器</h1>

效果：