您的位置：首页 > 其它

标签选择器，类选择器，id选择器

2017-04-14 12:52 316 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
/*标签选择器：作用于当前页面所有匹配标签*/
li{
color: red;
}
/*类选择器：作用于当前页面所有class值为red的标签*/
.red{
color:bisque;
}
/*id选择器：id具有唯一性*/
#z
{
color: aqua;
}
</style>
<title>选择器</title>
</head>
<body>
<ul>
<li style="color: aqua">1</li>
<li style="color: aqua">2</li>
<li style="color: aqua">3</li>
<li style="color: aqua">4</li>
</ul>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
<ul>
<li>1</li>
<li class="red">2</li>
<li>3</li>
<li class="red">4</li>
</ul>

<ul>
<li id="z">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 标签选择器类选择器 id选择器

相关文章推荐

新的分享

章节导航