CSS 스타일 - 오버 라이딩 배경은 어떻게 작동합니까?

Question

관련 제목이 많은 질문이 있지만 누군가가 확인하고있는 경우이 질문에 대한 내 대답을 보지 못했습니다.

이 무엇보다 경험 부족으로 더 많은입니다 ...하지만 난 다음 클래스 div.rowpic의 CSS 속성을 설정하는 글로벌 스타일을 가지고 있고, 나는이 작업을 수행 :

<div class="rowpic" style="background-image: url('whatever.jpg');"> ... </div> 

것은 내가 안정적으로 브라우저를 기대할 수 있습니다 div.rowpic의 전체 CSS 사양을 사용하지만이 div 태그에서 명시 적으로 설명한 스타일로 배경 이미지를 대체 하시겠습니까?

Answer 1

예, 그렇게 될 것입니다.

요소의 스타일은 선언 된 CSS ('s)의 스타일 정의를 재정의합니다.

스타일의 각 속성은 다른 CSS와는 독립적으로 적용되므로 다른 CSS를 가져 와서 동일한 클래스를 사용하지만 일부 선택기 만 다시 정의하더라도 나머지 CSS는 첫 번째 CSS에서 적용됩니다. .

Answer 2

물론. 이 경우 인라인 스타일 규칙이 CSS 스타일 규칙보다 중요하기 때문에 배경 이미지가 대체됩니다.

하는 CSS 특이성에 대한이 글을 읽어 보시기 바랍니다 : http://css-tricks.com/855-specifics-on-css-specificity/