CSS选择器

1、id 选择器以 "#" 来定义。

比如：

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>



#red {color:red;}
#green {color:green;}

 

2、类选择器以一个点号"."来定义。

比如：

<h1 class="center">
This heading will be center-aligned
</h1>


.center {text-align: center}

3、属性选择器使用"[]"来定义。

比如：

<h2 title="Hello world">Hello world</h2>


[title]
{
color:red;
}

4、属性和值选择器使用"[属性=“属性值”]"来定义。

比如：

<a title="W3School" href="http://w3school.com.cn">W3School</a>


[title=W3School]
{
border:5px solid blue;
}