CSS选择器

选择器

1. 标签选择器：修改所有同标签内容的样式。

   p {
   
   }
   div {
   
   }
   

2. 类选择器(class)

   .red {
   
   }              /*修改所有类名为red的标签内样式*/
   .red blue {
   
   }				/*多类名，同时为多个类名设计相同样式，简化代码*/
   

3. id选择器

   #red {
   
   }
   

   由id="red"调用且只能被调用一次。

   虽然有时候多次调用相同的id可以获得相同的效果，但在html里，id一般被认为是身份证，规定id是唯一的，多次使用相同的id会使后台产生错误。

4. 通配符选择器

* {

}

对所有标签产生影响。

• 后代选择器（指定范围内的所有后代）

  ol li {
  
  }           		/*指定ol里的li*/
  .nav li a {
  
  } 					/*指定类名为nav的标签里的li里的a*/
  

• 子选择器

–管最近一级子元素

div>p {

}

• 并集选择器（集体声明）

div,p,a {

}

–不同元素之间用逗号隔开，元素也可以为其他选择器。

• 伪类选择器

–链接伪类(对在不同操作下的链接样式进行设计)

a:link {}			/*未访问*/
a:visited {}		/*已访问*/
a:hover {}			/*鼠标位于其上时*/
a:active {}			/*按下未弹起*/

– :focus伪类（用于选择获得焦点的表单元素，既对光标选择的元素样式进行设计）

一般格式：

input:focus {

}