CSS的选择器

CSS选择器分为5种：

标记名称

全局选择器

CLASS选择器

ID选择器

属性选择器

 

标记名称：

Div{ color:red; }将div里面的字体设置为红色。

 

全局选择器：

*{ color:red; }全局字体设为红色

 

CLASS选择器

<h1 class=”class名称”>

.class属性名{ 样式规则}

h2.class属性名{ 样式规则}：只能用于h2的样式设置

 

ID选择器

<font id=”id名称”>

#id名称{样式规则}

 

属性选择器：

[attribute=”value”] 属性等于value

[attribute~=”value”] 属性包含完整value

[attribute|=”value”] 属性等于或以value开头

[attribute^=”value”] 属性开头value

[attribute$=”value”] 属性最后value

[attribute*=”value”] 属性中出现value

 

例：

[attribute~=”test”]{ color: red }

<h1 class=”test”></h1>