screen.width在CSS

Question

我想我的jQuery CSS轉換到外部CSS文件，但遇到了一些問題：
1.是否有可能在外部css文件使用sceen.width？如果沒有，
2.如果我在一個外部css文件中設計了一個元素，然後用jquery來設計相同的元素，哪一個會被覆蓋？

例子：
的jQuery：

$("#mainBody").css(
{ 
    'margin-top':"5px",width: screen.width, 
    position:"absolute",top:"135px" 
}); 

外部CSS：

#mainBody 
{ 
    background:#f0eded; 
    height:98px; 
    margin-top:5px; 
} 

1. 有沒有辦法到外部css文件，jquery css結合？謝謝

Answer 1

是的，你的jQuery樣式將覆蓋樣式表中的樣式。

所以，你可以結合這樣

#mainBody{ 
    background:#f0eded; 
    height:98px; 
    margin-top:5px; 
    width:100px; //ARBITRARY... for example only 
} 

和

$("#mainBody").css('width', screen.width); 

例子：http://jsfiddle.net/jasongennaro/94ZNz/

Answer 2

如果#mainBody是position: absolute你不能只是將寬度添加到100％？

Answer 3

您可以將jQuery的外部CSS文件和樣式結合使用，而不會出現任何問題。你的外部CSS定義將成爲jQuery將要改變的基礎。

優先級順序是（低到高）：

1. 外部文件
2. <style>標籤
3. 內嵌

jQuery的增加/改變內嵌部，從而它具有最高的優先。