Question

我创建了一个网页，其中使用了具有以下类的样式表 -

.div2 {
 border:1px solid black;
 width:75%;
 margin:auto;
}

我已将它应用于网页上的div标签，如下所示 -

<div class="div2"></div>

当我在浏览器中查看网页时，该课程完全没有效果。现在，当我像这样使用内联CSS时 -

<div style="border:1px solid black;width:75%;margin:auto"></div>

并在我的浏览器中查看该网页，该类已应用并且运行正常！

我很高兴它有效，但我想知道为什么它以一种方式工作而不是另一种方式！两种方法都不应该导致同样的事情发生吗？我在样式表上有其他类都可以工作，所以我不必在其他任何地方使用内联CSS。是否有需要使用内联CSS而不是样式表的情况？希望这是有道理的！

Answer 1

您还可以强制CSS规则最重要

.div2 {
 border:1px solid black !important;
 width:75% !important;
 margin:auto !important;
}

仅临时使用它来验证是否正确键入了类名以及是否正确链接了CSS文件。

Answer 2

这是因为干扰了多个样式表。请检查您提到的所有样式表的header.php或head标签内。确保没有两个或多个样式表具有相似的目的。您可以保留足以满足特定项目要求的最小样式表。只需转到Chrome中的“检查元素”，然后查看将哪些样式应用于您的元素。

这两个样式表都会相互干扰。

julia> print(read("test.txt",String))
2×3 Array{Float64,2}:
 0.73478   0.184505  0.0678265
 0.309209  0.204602  0.831286

我遇到了同样的问题，因此我删除了In general, you cannot assume that display output goes to stdout (unlike print(x) or show(x)). For example, display(x) may open up a separate window with an image. display(x) means "show x in the best way you can for the current output device(s)." If you want REPL-like text output that is guaranteed to go to stdout, use show(stdout, "text/plain", x) instead.此样式表，仅保留其中一个样式表。（不要忘记保存和刷新）外部CSS可以正常工作。

为什么内联CSS工作但不是样式表？

2 个答案: