三种基本选择器（ 重点！！! ）

三种基本选择器（ 重点！！! ）

 

【注意】：

优先级：
不遵循就近原则，固定的
id选择器>class选择器>标签选择器

1，标签选择器

【注释】：标签选择器，会选择到页面上所有的这个标签的元素

【代码】：

    <style>
        h1{
            color: orange;
        }
        p{
            font-size: 20px;
            color: darkturquoise;
        }
    </style>

 

 

 

 

 

 

 

2，类选择器

【注释】：

类选择器的样式：.class的名称{}的
好处：可以多个标签归类，是同一个class，可以复用，完全可以跨标签使用！

 

【代码】：

    <style>
        .窈窕淑女{
            color: coral;
        }
        .君子好逑{
            color: darkcyan;
        }
​
    </style>
​
​
​
​
<h1 class="窈窕淑女">学习Java</h1>
<h1 class="君子好逑">学习CSS</h1>
<p class="窈窕淑女">学习HTML</p>

 

 

 

 

 

 

3，id选择器

【注释】：

id选择器：id必须保证全局统一
格式：#id名称{}

【代码】：

    <style>
        #style{
            color: darkviolet;
        }
​
    </style>