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選擇器是唯一的，因為只有id=yy的才有這種樣式，而一個頁面里元素的id必須是唯一的，所以。。。你懂得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>
版權所有:易賢網
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試