本文為大家分享了CSS中常用的四種選擇器，供大家參考，具體內(nèi)容如下

1、類選擇器（class選擇器）

基本使用：

      .類選擇器{

            屬性名: 屬性值;

            …

      }

案例：

CSS Code復(fù)制內(nèi)容到剪貼板

/*類選擇器*/     
.s1{     
    background-color: pink;     
    font-weight: bold;     
    font-size: 16px;     
    color: black;     
}     
  

2、id選擇器

基本使用：

      #id選擇器{

             屬性名: 屬性值;

             …

      }

案例：

CSS Code復(fù)制內(nèi)容到剪貼板

/*id選擇器的使用*/     
#id1{     
    background-color: silver;     
    font-size: 40px;     
}     

3、html元素選擇器

      某個(gè)html元素{

             屬性名: 屬性值;

             …

      }

 案例：

CSS Code復(fù)制內(nèi)容到剪貼板

a:link{     
    color: black;     
    text-decoration: none;     
    font-size: 24px;     
}     
a:visited{     
    color: red;     
}     
a:hover{     
    color: green;     
    text-decoration: underline;     
    font-size: 40px;     
}     
     
/*對(duì)同一種html元素分類*/     
p.cls1{     
    color:blue;     
    font-size:30px;