在bs网页中最常用的css选择器有三种器

CSS常用选择器可以分为三种：1：标签选择器

                                                   2： 类选择器：class=“test”

                                                   3:  id选择器: id="test"

三种选择器的优先关系是：id选择器>类选择器>标签选择器

 

1: 标签选择器

div{

     width:200px;

     background-color: brown;

    }

  p {

      width:200px;height:50px;

      background-color:  yellowgreen;

    }

2：类选择器

.divtest{
background-color:yellow;--背景颜色

}

3:id选择器

#testp{

color:red; --字体颜色

}

4父级 子级:解释：父级空格子级表示父级元素以下包库儿子及孙子元素。

.divclass div{

            border: 1px solid skyblue;

            /*border-width: 1px;

            border-style: solid;

            border-color: royalblue ;*/

                    }

5父级>子级：解释：父级大于号子级表示父级元素只包括儿子级别的元素。

.divclass1>div{

            border:1px solid red;

        }

6对元素的兄弟元素

.test3~p{

color:red
}

7味蕾选择器

:hover:鼠标经过时设置其样式

.test3:hover{color:blueviolet}

:active:俗表按下时设置其样式

:visited：选择已经访问的链接，只针对a标签