<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>id属性</title>
<!-- 未完待续 -->
<style type="text/css">
p.special{
color: red;
}
/* 这只会选择specials类中的p元素 */
p#footer{
color: pink;
}
/* 这会选择specaials类中的所有元素*/
#foot{
color: yellow;
}
</style>
<!-- <link rel="stylesheet" type="text/css" href="css/first.css"/> -->
</head>
<body>
<div class="special">
<p>我是段落但是没有id和类选择器</p>
<p class="special">我是段落</p>
<span class="special">我是span,使用类选择器和上面的p元素一样,但是我没有效果</span>
<p id="footer">我是id选择器</p>
<span id="foot">我是span使用id为foot</span>
<!-- id和class的差别:id选择器只与页面中的一个元素匹配,上面两个元素都使用同一个id选择器是不建议的 -->
<a id="foot" href="">超链接</a>
<!-- 敲黑板 -->
<!-- 类和id有什么规则:类名要以一个字母开头,不过id名可以以一个数字或者字母开头 -->
</div>
</body>
</html>