css选择器

//三大基础选择器

 

//1.元素选择器

div{

  text-decoration: none;

  color: red;

  font-size: 20px;

  

}

//2.类选择器

//在元素内部配合class使用

.myTxt{

  text-align: center;

}

.myA{

  color: red;

}

//lclass="myTxt .myA"

 

//3.id选择器

//在元素内配合id使用

#myTxt{

  font-size:30px;

}

//id="myTxt"

 

//集体选择器

li,.mytxt,#3{

  font-size: 20px;

}

 

//属性选择器

//有href和title属性的的a标签中的内容

a[href][title]{color: red;}

 

//伪类选择器

//:root任何元素的根都是整个html文件

:root{background-color: red}

//没有任何内容的元素

div:empty{

  width: 100px;

  height:200px;

  background-color: aqua;

}

//被选中的input元素（单选按钮和复选框）?

input:checked{

  background-color: aqua;

}

//被启用的元素,经常用于form中

input:enabled{

color: aliceblue；

}

//被选择的部分?

::selection{

  outline: 2px red;

  color: red;

}

v