Question

我在进行div查找时遇到问题，并使用指定类的css属性。

这是css和html：

.minor-heading-text {border: thick solid black}
.minor-heading-text h4 {padding: 5px; font-style: italic; color: #111}
.minor-heading-text p {font-size: 110%}

<div class="minor-heading-text">
  <h4>My heading</h4>
  <p>My paragraph</p>
</div>

此外，在我的网页上，div包含在其他几个div中，每个div都有唯一的id和相关的样式。

在我的页面中，“h4”和“p”元素采用指定的css属性，但“div”不会生成边框。在firefox调试器中，似乎找不到div的“minor-heading-text”类，即使找到了包含的h4和p元素。当我单独运行代码片段时，上面的代码工作正常，但在我的页面中不起作用。

我很擅长制作网站，所以我觉得有一些关于div和类的基本知识，我不知道。请原谅我的无知。

我尝试将css更改为“div.minor-heading-text”并得到相同的结果。

无论如何，有人知道div为什么不接受我想要的类属性吗？

提前感谢您的帮助。

P.S。我的网站正在开发中，所以我不想公开发布地址，但是如果有人需要看到它，那么我可以发布它。

Answer 1

像@NoName评论一样，你能提供导致bug的代码吗？尝试仔细检查你的语法，可能是你没有关闭它 <div>等等。

Answer 2

谢谢你们！我将来会使用jsfiddle。

我发现我在前一行有不正确的评论风格。

具体来说，我一直在使用双斜线＆＃34; //＆＃34;样式在前一行评论

＆＃13;

//my comment
.minor-heading-text {border: thick solid black}

＆＃13;

要修复它，我将其更改为正确的/ * * /样式：

/*my comment*/
.minor-heading-text {border: thick solid black}

没有问题了。

所以，是的，主要观点是使用正确的css评论。

顺便说一句，我发现了一个类似的问题at this question about css borders

找不到css div类属性

2 个答案: