김도형
20
2021-06-11 19:15:28
1
84

html 스타일 우선순위 질문


책으로 문제를 푸는데 스타일이 겹칠때 우선순위에 대해서 헷갈려서 질문드립니다.


명품 웹프로그래밍 4장 8번인데 이책은 짝수번은 정답 이 없더라구요

.css 파일

body{

  background-color : yellow;

}

p{

text-align : cnter;

}


html 파일

<!DOCTYPE html>

<html>

<head>

<title><CSS3</title>

  <link type="text/css" rel="stylesheet" href="a.css">

<style>

  p{ color :blue ; text-align : right; font-size : 2m;}

</style>

</head>

<body>

  <p style="color:red; font-size:3em"> test <span>code</code></p>

  <p>test <span style="color:green">code</span></p>

</body>

</html>


 문제는 p태그에 적용되는 CSS3스타일 시트를 쓰라는 것인데 

제가 궁금한건 스타일 시트가 겹칠때 제가알기론 스타일 속성 > 스타일 태그 > 외부 css 파일로 알고있는데 답지가 없는 관계로 구글링을 해서 풀어본 해서을 봤습니다.

거기서 적용되는게sytle : red , font-size :3em ,background-color :yellow test-align :center 이라고 여러군데 적혀있더라구요

근데 text-align 이 외부 css파일보다 스타일 속성이 우선순위에있으므로 text-align: right가 되는게 맞지않나요?



0
  • 답변 1

  • RWB
    806
    2021-06-11 20:25:47

    네 맞습니다.

  • 로그인을 하시면 답변을 등록할 수 있습니다.