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. 가 jquery css와 외부 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

외부 CSS 파일과 jQuery의 스타일링을 아무런 문제없이 결합 할 수 있습니다. 외부 CSS 정의가 jQuery가 변경 될 기본이됩니다.

우선 순위의 순서 (가장 높은로) : 그것은 가장 갖도록

1. 외부 파일
2. <style> 태그
3. 인라인 JQuery와 추가

은/인라인 부 변경 우선 순위.