CSS中的screen.width

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

如果#mainBody是position: absolute不能将宽度添加到100％？

Answer 2

您可以毫无问题地将外部CSS文件和jQuery样式结合在一起。 您的外部CSS定义将成为jQuery改变的基础。

优先顺序为（从低到高）：

1. 外部档案
2. <style>标签
3. 排队

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

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/