三种基本选择器( 重点!!! )


三种基本选择器( 重点!!! )

 

【注意】:

优先级:
不遵循就近原则,固定的
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