2013-03-13 302 views
-1

在接下來的頁面正文,包括一些子彈文本。我需要子彈文本與正文文本大小相同(更大)。爲什麼CSS不起作用?

http://www.a-quick-sale.co.uk/howitworks/

有一個在現場的全局樣式表(/global.css),我增加了一個入口吧:

li { font-size: 14px;} 

但沒有應用的字體大小樣式。我不想開始懶惰,直接將樣式應用到頁面上下文,但爲什麼我創建的全局樣式沒有被應用?

我沒有在做了十年的CSS或HTML的任何工作,所以請溫柔 - 答案是有可能明顯與現有技能的人。

+5

請閱讀[我的網站上的東西無法使用。我可以只粘貼一個鏈接嗎?](http://meta.stackexchange.com/questions/125997/something-on-my-web-site-doesnt-work-can-i-just-paste-a-link對它) – Quentin 2013-03-13 14:54:55

+1

我想你有你的答案 – George 2013-03-13 14:59:57

回答

3

因爲div#content li不僅僅是一個單一類型的選擇更爲具體的,你需要包括均達到級聯覆蓋specifcity更高的元素

特異性可以被認爲是四個數字(0,0,0 ,0)

  • 內聯樣式是所述第一 - 最高優先級
  • ID選擇器的第二個數字
  • 僞類和屬性選擇器是第三
  • 類型選擇器是第四個
  • 通用選擇器*具有0的特異性,任何東西都會覆蓋它。

因此,只要指定li具有(0,0,0,1)與div#content li其具有(0,1,0,1),後者勝具有特異性的值。只要使用這個概念來提出一個更高的選擇。

2

在global.css文件中有一個更具體的選擇器div#content li,其中選擇了font-size。與選擇器一樣具體,或者更具體地適用於整個內容區域。

2

在同一global.css中,存在被施加div#content li { font-size: 12px;},因爲它更具體。

0

因爲在同一個文件,在線路208定義div#content li {font-size: 12px;}這不僅僅是li更準確。

1

嘗試迫使風格,就像這樣:

li { font-size: 14px !important ;} 

因此,在存在的樣式爲單元獲得優先權。

1

如果您使用Chrome開發者工具(F12),你可以看到被應用到每個元素的樣式,甚至看到正在被超越的風格,因爲它們劃掉,用於調試CSS問題,這樣非常有幫助。

0

我應該說你需要將樣式應用到自身的鏈接,而這不只是內部li一個純文本。

li a { font-size: 14px;} 
0

在108線的global.css中的你有一個CSS規則div#content li { font-size: 12px;}重寫你:li { font-size: 14px;}規則。