css选择器

css选择器综述

css选择器分类介绍

• 派生选择器
• ID选择器
• 类选择器
• 属性选择器
• 元素选择器
• 子元素选择器
• 相邻兄弟选择器
• 后代选择器
  
  
  常用的选择器是派生选择器，id选择器，类选择器，以及他们的组合选择方式！
  W3School关于css的教程

特点：

1. 派生选择器，后代选择器，子元素选择器功能相似，都是对具有包含关系的元素进行选择，选择规则略有不同；
2. 派生选择器选择规则是按照标签名称对具有包含关系（上下文关系）的标签元素进行选取；

 li strong {
    font-style: italic;
    font-weight: normal;
  }

1. 后代选择器是可以按照标签名或者类名进行选择，选择范围是无限包含关系；

   div.sidebar代表siderbar类的div

div.sidebar {background:blue;}
div.maincontent {background:white;}
div.sidebar a:link {color:white;}
div.maincontent a:link {color:blue;}
h1 em {color:red;}

1. 子元素选择器，选择范围是一级子元素；

h1 > strong {color:red;}
结合后代选择器和子元素选择器：
table.company td > p

选择器的根本目的就是精确的选择目的标签，多个选择条件之间用空格隔开表示条件的递进关系，使用逗号隔开表示级别相同，不相干的组合关系。另外的子结合符合兄弟结合符用的较少。