找不到CSS类属性
问题描述:
我有一个问题,使一个div查找和使用指定的类的CSS属性。找不到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内,每一个独特的编号与相关联的风格。
在我的页面中,“h4”和“p”元素具有指定的css属性,但“div”不构成边框。在firefox调试器中,似乎没有找到div的“minor-heading-text”类,即使它找到了包含的h4和p元素。 上面的代码工作正常时,我单独运行代码段,但不起作用在我的页面。
我对制作网站很新颖,所以我觉得对于divs和类我是不了解的。请原谅我的无知。
我试着将CSS改为“div.minor-heading-text”并得到了相同的结果。
无论如何,有谁知道为什么div没有采取我想要的类属性吗?
非常感谢您的帮助。
P.s.我的网站正在开发中,所以我不想公开发布地址,但如果有人需要查看它,我可以发布它。
答
谢谢你们!我将来会使用jsfiddle。
我发现我在上一行有不正确的评论风格。
具体来说,我使用双斜线已经 “//” 风格的前行
//my comment
.minor-heading-text {border: thick solid black}
为了解决这个问题发表评论,我把它改成正确的/ * * /风格:
/*my comment*/
.minor-heading-text {border: thick solid black}
而且没有更多的问题。
所以,是的,主要使用正确的css评论。
顺便说一句,我发现了一个类似的问题at this question about css borders
答
像@NoName评论,你能提供导致错误(s)的代码? 试着仔细检查你的语法,可能是你没有关闭它 <div>
,等等。
有可能是阻止它,我们需要看到更多的不工作的代码的其他类。 – 2014-09-26 05:29:50
无法理解您的确切问题。 – 2014-09-26 05:46:21
你的代码没有错。检查这个工作小提琴http://jsfiddle.net/xzps4u7b/ – 2014-09-26 06:40:38