关于css中对于选择器的理解

 关于选择器的理解：

首先我们要来先了解什么是选择器：所谓选择器就是指要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制。而目前我们已知的选择器有：1.属性选择器 2.基本选择器 3.伪类选择器 4.伪元素选择器 5.包含选择器。

1.属性选择器：

(1).我们可以某个xxx开始如:

input[type ^="e"]
{background-color:red;}

这是以e开始的值，我们让它变为红色。

(2).我们还可以准确的为某个值如：

input[type="text"]{
background:green;}

这是使text这个值为绿色。

(3).我们还可以使包含某个值的属性变化，如：

input[type*="e"]{
background:white;}

(4).当然可以以什么开头自然也可以以什么结尾来实现，如：
 

input[type $="rl"]{
background-color:yellow;}

2.基本选择器

(1).id选择器，如：

#one{color：red;}

(2).类选择器，如：

.box{
color:green;}

(3).通配符选择器，如：

*{color:black;}

(4).标签选择器，如：

div{
   width:600px;
   height:400px;
   border:3px solid white;
   color:red;}

注意：这四种有优先级,id选择器>类选择器>标签选择器>通配符选择器

3.包含选择器：

(1).后低选择器，如：

.list li{
border:1px solid white;}

(2).子代选择器，如：

div.list > ul{
border : 1px solid green;}

(3).分组选择器，如：

#one,box,h1{
color:blue;}

4.伪类选择器：

(1).超链接访问之后的样式，如：

a:visited{
color:black}

(2).超链接点击之前的样式，如：

a:link{
color:red;}

(3).当鼠标悬停在此时的颜色，如：

a:actiive{
color:black:}