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

1．      基本选择器

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

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

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

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

2．      组合选择器

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

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

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

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

--分组选择器：以“,”分隔符进行定义，当多个对象定义为相同的样式时，它们分成一组能够简化代码。

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

-- [attr]，选择属性

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

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

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

 

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

 

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

 

-- [attr|="value"]，属性中必须是完整且唯一的单词，或者以 - 分隔开