CSS基本选择器

1.基本选择器

1.1 标签选择器

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS选择器</title>
    <style>
        h1{
            background: blue;
        }
    </style>
</head>
<body>
    <h1>标签选择器</h1>
    <h1>标签选择器</h1>
</body>
</html>

 

 1.2 类选择器

会选择到页面上所有使用该类的元素

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS选择器</title>
    <style>
        .selector{
            background: red;
        }
    </style>
</head>
<body>
    <h1 class="selector">类选择器</h1>
    <h1 class="selector">类选择器</h1>
</body>
</html>

 

 1.3 ID选择器

会选择到页面上使用该ID的元素，ID全局唯一

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS选择器</title>
    <style>
        #selector{
            background: yellow;
        }
    </style>
</head>
<body>
    <h1 id="selector">ID选择器</h1>
</body>
</html>

 

 

　　

posted @ 2021-01-19 11:47  LuckyEight  阅读(28)  评论(0)    收藏  举报