四种CSS常用的选择器使用方法和注意事项

本文为大家分享了CSS中常用的四种选择器，供大家参考，具体内容如下

1、类选择器（class选择器）

基本使用：

      .类选择器{

            属性名: 属性值;

            …

      }

案例：

CSS Code复制内容到剪贴板

/*类选择器*/     
.s1{     
    background-color: pink;     
    font-weight: bold;     
    font-size: 16px;     
    color: black;     
}     
  

2、id选择器

基本使用：

      #id选择器{

             属性名: 属性值;

             …

      }

案例：

CSS Code复制内容到剪贴板

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

3、html元素选择器

      某个html元素{

             属性名: 属性值;

             …

      }

 案例：

CSS Code复制内容到剪贴板

a:link{     
    color: black;     
    text-decoration: none;     
    font-size: 24px;     
}     
a:visited{     
    color: red;     
}     
a:hover{     
    color: green;     
    text-decoration: underline;     
    font-size: 40px;     
}     
     
/*对同一种html元素分类*/     
p.cls1{     
    color:blue;     
    font-size:30px;