2010-06-18 4 views
6

내가 거기 SO 이미에서 유사한 질문과 답변의 몇 가지가 있지만 내가 먼저 여기 내 특정 질문을 명확히 할 것으로 나타났습니다CSS 우선 순위? 내 강의 슬라이드가 맞았습니까?</p> <p><a href="http://mindinscription.net/webapp/csstest/precedence.PNG" rel="nofollow noreferrer">http://mindinscription.net/webapp/csstest/precedence.PNG</a> :이 같은 상태 강의 슬라이드를 가지고</p> <p>을 :

는 솔직히, 나는 나 자신 CSS는 우선이 규칙에 들어하지 않은, 나는 아니지만 확실히 그런 비슷한 주제에 무언가를 찾기 위해 인터넷 검색 : here

테스트 나 자신을 위해, 나는했습니다 내 서버에 테스트 페이지를 만들었습니다. here

파이어 폭스 3.6.3에를 실행 한 후, 나는 강의 슬라이드의 성명에 따라, 그것이어야하는 방법을 표시하지 않습니다 확신 :

  • 수입 스타일? 내가 잘못하고있는거야? FireBug를 사용하여 그 효과를 볼 수 없습니다.
  • 삽입 된 스타일 시트는 링크 된/가져온 스타일 시트보다 우선 순위가 높다고 말합니다. 그러나 링크 된/가져온 태그를 넣으면 작동하지 않습니다.
  • 인라인 스타일 대 html 속성? 나는 먼저 너비와 높이를 제어하기 위해 인라인 스타일을 설정 한 다음 직접 HTML 속성을 사용하여 너비/높이를 수정했지만 실패했습니다 ...

다음은 소스 코드입니다. 슬라이드가 올바른지 아닌지

<html> 
<head> 
    <style type="text/css"> 
     #target 
     { 
      border : 2px solid green; 
      color : green; 
     } 
    </style> 
    <link rel="stylesheet" href="./linked.css" type="text/css" media="screen" /> 
</head> 
<body> 
    <div id="target">A targeted div tag on page.</div> 

    <img src="cat.jpg" alt="" style="width : 102px; height : 110px;" width="204px" height="220px" /> 
</body> 
</html> 

는 경험이 풍부한 CSS의 사람들은 저를 알아내는 데 도움이 수 있습니까?

솔직히 말해서, JavaScript가 클라이언트 측 (서버 측 JavaScript는 어떻습니까?)과 " 임베디드 스타일은 웹 페이지 "의 머리 부분에있는 (도대체? 내가 몸 태그 안에 넣을 수 없습니다있는 무슨?)이 바보 같은 질문에 대한

죄송 시험은 지금은 내일에 있고, 생각할 많은 것들을보십시오 :)

+0

@ 닉 얌, 그 슬라이드를 터치하고 싶지는 않습니까? * 아목 *? '';) – deceze

+5

노란색 배경에 검정색 텍스트 만있는 933KB의 JPEG 사진입니까? 확실히 [PNG] (http://en.wikipedia.org/wiki/Portable_Network_Graphics#Comparison_with_JPEG)를 사용해야합니다! –

+0

슬라이드가 확실히 조정이 필요합니다. 배경색을 결정한 CSS 스타일이 모의를 실행했습니다 *, 철자가 여전히 표정을 벗어납니다. ( –

답변

2

먼저 가져온 스타일 시트는 the @import rule을 사용하여 포함 된 스타일 시트를 의미합니다.

둘째, CSS 2.1 사양의 설명 아래 몇 줄에 cascading order에 대한 설명이 있습니다. the spec의 다른 부분도 시험에 유용 할 수 있습니다. 행운을 빕니다.

는 업데이트 :

01 :
googling의 비트에 귀착
+0

링크를 이용해 주셔서 감사합니다. –

+0

슬라이드에있는 내용이 올바르지 않다고 말할 수 있습니까? –

+0

항상 + 키워드를 넣는 것을 잊어 버렸습니다. 링크를 클릭하면 슬라이드가 왜 저에게 이상한 성명을 띄게 될지 말할 수 있습니다. 시험에서이 까다로운 주제에 대해 너무 많이 사용하지 않기를 바랍니다. –

2
  • <style></style>의 속성은 selecto에 의해 재 할당됩니다. r에 linked.css.
  • imported.css에 대해 id="div"의 요소가 없습니다.
+0

미안하지만, 내 실수. 그러나 그것이 페이지의 최종 모습을 바꾸지 않는다는 것을 알게되어 기쁩니다. 예, "우선 순위"가 실제로 "최신"적용 여부를 생각하고 있습니다. 하지만 ... 슬라이드에 없습니다 : ( –