<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>哈哈</title>
<style type="text/css">
p {color:blue} //HTML选择器,其中p为HTML的标签(保留关键字)
#test{color:red} //ID选择器,用法如下所示
.test1{color:green} //类选择器,用法如下所示
[name="yp"]{color:red}
[name~="t1"]{color:red} //表示有空格
[name|="t"]{color:red} //表示有连字符-
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>呵呵呵呵</p>
<p id="test">呵呵呵2</p>
<p class="test1">呵呵3</p>
<p name="yp">呵呵4</p>
<p name="t t1">呵呵5</p>
<p name="t-t1">呵呵6</p>
</div>
</form>
</body>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>哈哈</title>
<style type="text/css">
p {color:blue} //HTML选择器,其中p为HTML的标签(保留关键字)
#test{color:red} //ID选择器,用法如下所示
.test1{color:green} //类选择器,用法如下所示
[name="yp"]{color:red}
[name~="t1"]{color:red} //表示有空格
[name|="t"]{color:red} //表示有连字符-
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<p>呵呵呵呵</p>
<p id="test">呵呵呵2</p>
<p class="test1">呵呵3</p>
<p name="yp">呵呵4</p>
<p name="t t1">呵呵5</p>
<p name="t-t1">呵呵6</p>
</div>
</form>
</body>