|
|
请马上登录，朋友们都在花潮里等着你哦：）
您需要 登录 才可以下载或查看，没有账号？立即注册
x
我们已经知道，CSS为HTML制定元素样式。CSS中的选择器，指CSS为HTML某类特定元素制作一个样式，这个样式由HTML在代码中指定使用，例如，假设我们有一个 p 标签：
<p class="iBold">文本</p>
p标签在此通过 class 关键字引用了CSS制定的一个类选择器，如此，p标签的文本将以CSS样式表中 .iBold 所设定的样式呈现。CSS大约是这样制定样式的：
<style>
.iBold {
font-size: 14px;
font-weight: bold;
}
</style>
以上是复习。此次我们要讨论的标签选择器。
HTML有很多标签，我们最常用的 div、p、h1(h2 ...)、table等，它们就是HTML标签。标签名称是固定的，HTML规定有的才是合法的，不能硬生生地去造一个标签，那将是不仅不合法，浏览器也将无法识别。
HTML标签都有自己的默认的外在表现，可能不能满足需求，所以通过CSS来设置样式。CSS给HTML的元素制定样式需要一个名称以便HTML能够通过名称调用，这个名称就是选择器，用HTML标签命名的选择器则是标签选择器，它使用的名称对应于HTML标签的名称：
body { ... }
div { ... }
a { ... }
h3 { ... }
p { ... }
上面示例，红色部分是选择器名称，它们和HTML实际的标签名称是一致的，也必须是一致的。
标签选择器还可以用一个通配符来表达所有HTML标签的共性样式： * { ... } 。星号 * 表示“所有的”的意思。
请特别注意，在论坛里发帖，必须慎用标签选择器，因为，HTML文档流中，后面制定的CSS样式被视为是最新样式的改变，会被优先执行，从而会导致整个页面的原有设定受到破坏。慎用不是不能用，我们可以这样封装我们帖子的标签选择器：
#fukuang { ... }
#fukuang a {
color: red;
text-decoration: none;
}
<div id="fukuang">
<a href="http://gxblk.byethost11.com/">黑马草原</a>
</div>
上面示例，我们把 a 标签选择器置于 #fukuang 父元素之中，这样，a标签选择器只作用于父元素 #fukuang 下的 a 子元素，不会破坏整个页面的其他 a 标签事先设定的样式。也就是说，我们制定的帖子里用到的标签选择器，必须限定于指定父级元素之下。
|
评分
-
| 参与人数 1 | 威望 +50 |
金钱 +100 |
经验 +50 |
收起
理由
|
 红影
| + 50 |
+ 100 |
+ 50 |
赞一个! |
查看全部评分
|
发表于 2022-2-11 09:04
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡
楼主