html中css3种普遍的款式挑选器

1:标识挑选器

标识挑选器,是全部带有某种标识的都起效。这里以p为例,也便是全部的带有p标识的都会这样的款式


拷贝编码
编码以下:

<html>
<head>
<styletype="text/css">
p{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="p1">我如今主要表现的是标识挑选器</p>
<pid="p2">我也用的是标识挑选器</p>
<h1>我沒有被任何的挑选器装饰</h1>
</body>
</html>

2:id挑选器,留意id挑选器是唯1的,由于仅有id="yy"的才有这类款式,而1个网页页面里元素的Id务必是唯1的,因此。。。你晓得id挑选器以#开始用法是:id=""


拷贝编码
编码以下:

<html>
<head>
<styletype="text/css">
#yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pid="yy">我如今主要表现的是id挑选器</p>
<pid="p">我沒有被id挑选器装饰</p>
<h1>我沒有被任何的挑选器装饰</h1>
</body>
</html>

3:类挑选器,类挑选器以.开始    要是把元素的class="" 就可以主要表现为这类款式了用法是:class=""


拷贝编码
编码以下:

<html>
<head>
<styletype="text/css">
.yy{font:"宋体"; color:#FF0000}
</style>
</head>
<body>
<pclass="yy">我如今主要表现的是类挑选器</p>
<pclass="yy">我沒有被类挑选器装饰</p>
<h1>我沒有被任何的挑选器装饰</h1>
</body>
</html>