我不能設置這個CSS類,顏色指令不工作,但文字陰影一樣。幫我?在CSS類設置色彩不起作用
.jumbotron {
position: relative;
padding: 40px 0;
color: #6495ed;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}
我試圖刪除文字陰影,但它也沒有工作。
我不能設置這個CSS類,顏色指令不工作,但文字陰影一樣。幫我?在CSS類設置色彩不起作用
.jumbotron {
position: relative;
padding: 40px 0;
color: #6495ed;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}
我試圖刪除文字陰影,但它也沒有工作。
使用!important
覆蓋其他顏色樣式。
,如:color: #6495ed !important
!重要的可能是危險的,因爲他將這種風格應用於類而不是id。確保它不以意想不到的方式覆蓋事物。 –
它也增加了規則權重,對於舊瀏覽器的選擇器引擎來說更慢。應該使用級聯的順序來完成。你唯一需要重點使用的地方是從默認的樣式表中解決Mozilla的按鈕填充問題。 –
我覺得在大括號丟失。把所有的設置放在.jumbotron
班,然後試試看。祝你好運。
我做了一個測試你的CSS代碼:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Untitled</title>
<meta name="author" content="" />
<style>
.jumbotron {
position: relative;
padding: 40px 0;
color: red;
text-align: center;
text-shadow: 0 1px 3px rgba(0,0,0,.4), 0 0 30px rgba(0,0,0,.075);
}
</style>
</head>
<body>
<p class="jumbotron">This is a test</p>
</body>
</html>
這似乎運作良好
如果背景顏色發生改變,但文字並不那麼一個可能的原因是錨。默認情況下,當您將文本置於錨點時,它會自動加下劃線,因爲它是一個鏈接,並且在訪問過一次時會加下劃線。因此,如果任何人有這個問題試圖重寫,在CSS通過
a:hover, a:active, a:link, a:visited {
text-decoration:none;
color : #000; /* for example */
}
或簡單重複的CSS項目並添加在全班同學面前「一」:
MyClass的,myClass的一個{ }
你的問題是什麼?它似乎在我的所有瀏覽器中都能正常工作。這是[小提琴](http://jsfiddle.net/FjDdt/)。該文本是藍色的,帶有灰色陰影。 – toniedzwiedz
嘗試'顏色:#!6495ed important' – Wilq
[看起來像CSS順序問題(http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/) – Peter