2

这是我正在开发的网站：http ://cinicraft.com/Silverman/index.html

我正在尝试制作一些按钮，但CSS没有效果。在这件事发生之前，我的这份合同一切顺利，我真的想在“库存”部分的每个项目周围制作一个简单的盒子，但没有任何反应。

这是HTML5代码：

<div class="btn1inv">
MACHINE SCREWS
</div>

这是CSS代码：

/*Machine Screws*/
div.btn1inv
{
text-align:center;
background-color: #ff0404;
width:150px;
height:50px;
padding:1px;
margin:5px;
}

MACHINE SCREWS 并没有发生任何事情，尽管有CSS代码，但HTML5决定忽略它并且不绘制框。div根本不工作，可能是什么导致了这个问题？我选择了随机丑陋的颜色，因为我只是想应用这个CSS。

4

3 回答 3

6

您的 CSS 文件“style.css”中有错误。这是您上面的问题div.btn1inv：

.everything
{
    position:absolute;
    top: 85px;
    left:0px;
    right:0px;
    bottom:0px;
    overflow-y:scroll;        
}​ /* < delete this "​" */

/*Machine Screws*/
div.btn1inv
{
    text-align:center;
    background-color: #ff0404;
    width:150px;
    height:50px;
    padding:1px;
    margin:5px;
}
于 2013-09-09T06:52:12.280 回答
0
  1. 我使用 chrome 根据你的文件 css 直接添加内联 css，它可以工作。
  2. 我深入研究了 style.css，有趣的是，在使用 chrome 查看源代码时，我在第 99 行看到了一个红点。此行就在 div.btn1inv 行之前。

那么，你能检查是否有任何非法字符吗？

编辑——从 Michal 的帖子中，有一个“​”字符。

于 2013-09-09T06:55:02.583 回答
0

通过 w3.org css 验证工具运行 css。滚动到返回的最后一个错误元素（即您希望设置样式的 .btn1inv） - 检查错误是什么：

http://jigsaw.w3.org/css-validator/validator?profile=css3&warning=0&uri=http%3A%2F%2Fcinicraft.com%2FSilverman%2Findex.html

如果有检查错误的工具，那么首先使用它们总是值得的。=)

于 2013-09-09T07:32:56.377 回答