HTML&CSS

一、所有的HTML标签都是selector；

二、多重selector，如：

div div p {
    /*CSS stuff!*/
}

编辑的是嵌套在两层<div>标签中的<p>标签，如：

<div>
    <div>
        <p>I like tacos!</p>
    <div>
<div>

三、一个可以代表所有selector的符号："*"，如：

*{
border:2px solid;
}

该语句表示对HTML文件的所有标签设置border属性。

四、抓取直接子节点，直接子节点就是该子节点只是嵌套在该标签中，而不是嵌套在该标签的其他子节点中，语法：

div > p { /* Some CSS */ }

五、给HTML的标签添加class和id属性，如：

<p class="red">I'm a paragraph in the red class!</p>
<p id="rogue">I'm a rogue paragraph! I do what I want!</p>

然后可以在.css文件中关联他们，如：

.red {
	color: red;
}

#rogue {
	color: #FF00FF;
	font-weight: bold;
	font-family: cursive;
}

class属性用“.”标识，id属性用“#”标识。

六、pseudo-class（伪类） selectors.
基本语法：

selector:pseudo-class_selector {
    property: value;
}

如：

a:hover {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}

在该selector下pseudo-class_selector:可以有link,visited,和hover等取值，
link:表示鼠标没有停留在该链接上；
visited:表示鼠标点击了该链接；
hover:表示鼠标停留在链接上。