在初学css样式表过程中总能看到一些例程里出现
example1{
……
}
#example2{
……
}
.example3{
……
}这样的样式，那么缺省、#、.他们之间的区别是什么呢？
如上述例子中，缺省代表定义example1元素的样式，当然实际中没有默认的example1标签；
而#则代表定义ID为example2的元素的样式，且只能定义ID为example2的这个元素；
而.则代表定义class="example3"的元素的样式，所有定义class="example3"的元素都能应用这个样式。
以下为例子：
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>example1</p>
<p id="example2">example2</p>
<p class="example3">example3</p>
</body>
</html>p{
color: red;
}
#example2{
color: blue;
}
.example3{
color: green;
}
扫一扫
1865
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
