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

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

 

【注意】:

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

 

 

 

 

 

 

 

posted @ 2021-11-15 00:04  屯子里唯一的架构师  阅读(331)  评论(0编辑  收藏  举报