1．      根基选择器

--标签选择器：标签名{ …}

--类选择器：.类名{…}

--ID选择器：#id名{…}

--通配选择器（通配符）：*{…}

2．      组合选择器

--包罗选择器：通过空格来暗示，前面一个选择器暗示父节点，而后面的选择器暗示子节点。

--子选择器：以“>”暗示，子选择器是指定父元素包罗下的子元素。

--相邻选择器：通过“+”分隔断绝分手符进行界说，指定的元素关系是兄弟关系。

--兄弟选择器：以“~”暗示，查找某一个指定元素的后面的所有兄弟结点。

--分组选择器：以“,”分隔断绝分手符进行界说，当多个东西界说为不异的样式时，它们分成一组能够简化代码。

3．      属性选择器（CSS3新增了3个属性选择器）

-- [attr]，选择属性

-- [attr="value"]，选择即是指定值的属性

-- [attr~="value"]，属性中包罗独立的单词为 value

-- [att^=value]，属性的前几个字母是 value 就可以

-- [att$=value]，属性以 value 结尾就可以

-- [att*=value]，属性中做字符串拆分，只要能拆出来 value 这个词就行

-- [attr|="value"]，属性中必需是完整且独一的单词，或者以 - 分隔断绝分手开

css选择器（上）--根基，组合，，属性选择器