css中的screen.width

Question

我正在尝试将我的jquery css转换为外部css文件，但有一些问题：
1.是否可以在外部sceen.width文件中使用css？如果没有，
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

如果#mainBody为position: absolute，您只能将宽度添加到100％？

Answer 2

您可以将jQuery中的外部CSS文件和样式结合起来，没有任何问题。您的外部CSS定义将是jQuery将要更改的基础。

优先顺序是（从最低到最高）：

1. 外部文件
2. <style>标签
3. 内联

jQuery添加/更改内联部分，使其具有最高优先级。

Answer 3

是的，您的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/