2014-09-26 84 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>,等等。