三種基本選擇器( 重點!!! )


三種基本選擇器( 重點!!! )

 

【注意】:

優先級:
不遵循就近原則,固定的
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>

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM