css标签无效 |css 文字溢出 ie8

1. 标签选择器不具体化

例如大家写了以下的CSS样式：

p{
color: red;
}

这个CSS样式是针对所有段落标签的，但这会导致所有的段落都变成了红色，包括其他需要与之配合的文本。因此大家需要具体化标签选择器，如下所示：

.main p{
color: red;
}

这样只有在有类名为“main”的元素下的段落才会变成红色。

2. 标签权重问题

CSS标签选择器的权重是由选择器的类型决定的，其中类选择器的权重最低，而ID选择器的权重最高。例如：

#title{
color: blue;
}
.main p{
color: red;
}

如果HTML代码如下：

<div id="title" class="main">
<p>实际文字</p>
</div>

那么这个段落的颜色会是蓝色，因为ID选择器的权重大于类选择器。如果大家把类选择器改成ID选择器或者增加权重，则可以正常显示。

3. 标签嵌套顺序不同

有些CSS样式不是写在标签元素上，而是写在类或ID选择器中。例如：

.intro{
color: blue;
}
#title .intro{
color: red;
}
#title{
color: green;
}

那么如果HTML代码如下：

<div id="title">
<div class="intro">这部分文字颜色应该是红色</div>
<p>这部分文字颜色应该是绿色</p>
</div>

实际显示的结果是，文字颜色都是绿色。因为在这个例子中， #title 这个选择器的优先级更高，所以它的样式被优先应用，而. intro 选择器的样式则被覆盖。

4. 标签名字错误

在编写CSS时，一个常见的错误是输入了错误的标签名称。例如，将“div”单词拼写为“dvi”会导致样式表中的所有“div”样式都无效。如果您忘记拼写标记名称，也会发生类似的问题。

下面的CSS样式中，错误的标签名字“spann”会导致这个样式无效：

spann{
color: red;
}

因此在编写CSS时，要特别注意标签名称是否拼写正确。

总之，在使用CSS的过程中，标签无效的问题是比较常见的，但只要遵守上述规则并严谨编写，大家就能避免这些问题。