2014-09-26 86 views
0

我有一个问题,使一个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.我的网站正在开发中,所以我不想公开发布地址,但如果有人需要查看它,我可以发布它。

+1

有可能是阻止它,我们需要看到更多的不工作的代码的其他类。 – 2014-09-26 05:29:50

+0

无法理解您的确切问题。 – 2014-09-26 05:46:21

+0

你的代码没有错。检查这个工作小提琴http://jsfiddle.net/xzps4u7b/ – 2014-09-26 06:40:38

回答

0

谢谢你们!我将来会使用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

0

像@NoName评论,你能提供导致错误(s)的代码? 试着仔细检查你的语法,可能是你没有关闭它 <div>,等等。