CSS选择器

CSS选择器 

1、元素选择器：以html 标签的名称->某类标签定义统一的样式
   p/h1{}
   input {}

 2、类选择器   ：为不同的标签定义样式
   CSS中：  .s1 {...}
   html页面中： <元素 class="s1" >

 3、元素 ID 选择器：为页面上的某一个元素定义特有的样式
   CSS中：   #aaa{...}
   html页面中：   <元素 id="aaa" />
 4、分类选择器：同一种标签中细分不同的样式
   CSS 中：   input.txt {}
       　　　　input.btn {}
       　　　　input.file {}
   html 页面中：
     <p class="txt" ></p>--error
     <input type="text" class="txt" />

 5、分组选择器：为各种不同的选择器定义它们相同的部分
   CSS 中：  h1,h2,.s1,#aaa,div.small
      　　　　　　{
       　　　　　　　　color:red;
      　　　　　　}
   html页面中：h1/h2等皆使用样式

 6、派生选择器：使用元素的父子关系
   CSS 中：  div a {...}
      　　　　#navi a {}
      　　　　#navi ul li a {}
      　　　　table tr td a{}

   html 中：  <div>aa<a>ss</a>bb</div>

 7、伪类选择器：不同状态下的样式
   
      :link  未访问过
      :active 激活
      :visited 访问过的
      :hover 悬浮--鼠标移入
      :focus 获得焦点