2017-02-03 58 views
0

您好我有一個CSS文件,其中包含十個左右頁面的所有CSS代碼。CSS類被託管時被忽略

我遇到了忽略CSS類的問題。

我有p標籤在屬於他們自己的類的身體。

當我的本地機器上測試他們的工作很好,並按照自己的類CSS。

然而,一旦我上傳網站到我的主機p標籤的類被忽略,它遵循人體的CSS。

有人可以告訴我我失蹤了什麼。

<p class="tinyText">Sample text here</p> 

CSS:

body { 
background: black; 
font-family: Papyrus; 
font-size:20px; 
color:white; 

} 

    .tinyText{ 

     font-family: Times New Roman, Times, serif; 
     font-size:20px; 
    } 

編輯:

託管版本,檢查單元

的HTML p標籤(請注意我在Chrome和Safari瀏覽器進行測試)並遵循CSS路徑。它正在讀取舊版本的CSS文件。但託管版本是最新的,我仔細檢查。我嘗試清除緩存和其他數據,但仍然得到舊版本。我如何強制它獲得新版本?

+0

我可能會看到現場演示PLZ – Rahul

+0

試試你的CSS更具體的,即:p.tinyText {... }而不是僅僅.tinyText – VeenarM

+0

請參閱編輯 –

回答

0

CSS具體是答案(至於爲什麼你的風格被覆蓋)。選擇器中的ID會比兩級樣式添加更高的特性。

你需要或者是你的風格更具體的(也許添加更多的類或添加更多根元素,以增加其價值)或(如你所提到的)創建一個ID,將進行稱重當前的樣式表。

您也可以使用!重要,但很多人認爲,隨着黑客十歲上下考慮它的主要目的是爲客戶端自定義(可訪問)。

+0

不能使用Id,需要使用類,多個p標籤 –

0

您應該添加更多的CSS p元素,看看它是否像現在只有有兩個屬性被應用,一個是字體大小是一樣的身體,另一種是你已經設置爲Times New FONT-FAMILY羅馬,時報,襯線。如果這些字體不可用,則會將正文字體視爲後備字體。

.tinyText{ 

    font-family: Times New Roman, Times, serif; 
    font-size:30px; 
    color: red; 
    text-align: center; 
    /*add more css rules here*/ 
     } 

也做了硬刷新或在隱身模式下打開,並做檢查元素,看看應用什麼所有元素都來了,有什麼規則。

還要確保在標題中正確調用css。

還避免使用!重要和使用ID。

感謝

+0

檢查過的元素,在本地的樣式部分下,它顯示了主體css和哪些屬性正在通過tinyText類。在託管的網站tinyText類永遠不會出現 –

+0

嘗試避免在類名稱中的大寫..強制保留它作爲tinytext ..在css和類聲明在html另外添加額外的CSS規則,我問你,即顏色,大字體大小,背景等..也請分享託管的鏈接,如果你可以 – user2906608

-1

儘量避免在Class Name資本..絕對保持它作爲TINYTEXT ..在CSS和類的聲明在HTML

+0

這不是一個問題的答案問。 – VeenarM

0

你想要做的是創建或使用一個CSS復位片第一件事。這裏是一個受歡迎的。

http://meyerweb.com/eric/tools/css/reset/

,並添加到您的CSS文件的頂部。 有些瀏覽器有自己的CSS設置,因此您始終要考慮這一點。現在你想要做的是總是使用inspect元素,看看你是否可以看到任何樣式或CSS屬性被應用到它。 enter image description here還可以使用codepen.io這是一個偉大的網站的人鏈接到你的問題,還可以使用,看看會是什麼之類的東西

+0

嘗試過,沒有成功 –