內聯css工作，而外部樣式表不在textarea html元素

Question

我有一個文本區域的字體大小隻會增加，如果我做內聯樣式。我無法理解錯誤可能是什麼。這裏是我的html：

<div class="col-xs-12"> 
    <textarea class="form-control" rows="10" id="letter_text" name="content_area"> </textarea> 
</div> 

如果我這樣做，它的工作原理：

<textarea class="form-control" rows="10" id="letter_text" name="content_area" style="font-size: 30pt;"></textarea> 

而不是現在這樣，我的外部樣式表。在這裏，文本字體PT不受影響：

textarea 
{ 
    font-size: 30pt; 
} 

Answer 1

假設你正在使用CSS的引導，並與聯樣式的作品 - 這是特異性的問題。

引導添加font-size通過.form-control { font-size: 14px; }

如果要覆蓋這一點，只是更具體。使用類似

jsFiddle example，它的工作原理。

textarea.form-control { 
    font-size: 30pt; 
} 

Answer 2

這是完全可能有更具體的選擇支配上textarea的字體大小，但沒有一個完整的例子，我們不知道。我建議您閱讀CSS specificity。