CSS星号*选择器介绍和用法示例

2021年3月26日17:31:28 发表评论 800 次浏览

CSS中的*选择器用于选择HTML文档中的所有元素。它还选择位于另一个元素下面的所有元素。也称为通用选择器。

语法如下：

* {
    // CSS property
}

范例1：

<!DOCTYPE html> 
< html > 
     < head > 
         < title >* Selector</ title > 
          
         <!-- CSS property of * selector -->
         < style > 
             * {
                 color:green;
                 text-align:center;
             }
         </ style > 
     </ head > 
      
     < body > 
         < h1 >lsbin</ h1 > 
         < h2 >*(Universal) Selctor</ h2 > 
         < div > 
             < p >GFG</ p > 
             < p >Geeks</ p > 
         </ div > 
         < p >It is a computer science portal for geeks.</ p >
     </ body > 
</ html >

输出如下：

范例2：

<!DOCTYPE html> 
< html > 
     < head > 
         < title >* selector</ title > 
          
         <!-- CSS property for * selector -->
         < style > 
             * { 
                 background: green; 
                 font-weight:bold;
                 margin-left:70px;
                 color:white;
             } 
         </ style > 
     </ head > 
      
     < body > 
         < h1 >lsbin</ h1 > 
         < h2 >*(Universal) Selector</ h2 >
          
         < ul > 
             < li >Data Structure</ li > 
             < li >Computer Network</ li > 
             < li >Operating System</ li > 
         </ ul > 
          
         < ol > 
             < li >Java</ li > 
             < li >Ruby</ li > 
             < li >Pascal</ li > 
         </ ol > 
          
     </ body > 
</ html >

输出如下：