Mozilla 한국 커뮤니티

안녕하세요
사이트를 만들고 있는 중인데 스타일 시트가 잘 안먹힙니다.

예를 들어 헤드에
<style type=text/css>

.BA {color:#0099CC;font-size:10;font-family:Verdana, Arial, Helvetica, sans-serif, 굴림체}
.BB {color:#0099CC;font-size:10;font-family:Verdana, Arial, Helvetica, sans-serif, 굴림체}
.BC {color:#000000;font-size:10;font-family:Verdana, Arial, Helvetica, sans-serif, 굴림체}

</style>

이렇게 세가지 폰트 스타일을 정해 놓구요

스타일을 정해서
<font class="BA">Hi all!</font>
<font class="BB">Today is very coooooold </font>

이렇게 썼다고 치면요
BB 부분은 잘 나오는데 BA는 스타일이 적용되지 않는답니다.

그래서 밑에다가
.BD {color:#000000;font-size:10;font-family:Verdana, Arial, Helvetica, sans-serif, 굴림체}

라고 똑같은 내용으로 하나 더 만들어서 넣으면요 BD는 또 적용이 되어요.

자바 스크립트 콘솔로 보니까
"올바른 실렉터가 아닙니다. 실렉터가 부정되어서 어쩌구저쩌구 .."
이렇게 나오는데 무엇이 문제일까요.

이 내용만 봐서는 정상적으로 나와야 하지만 이유를 알지는 못하겠습니다. 해당 페이지를 보여주시면 확실히 알 수 있을 것 같습니다. 다른 부분에 오류가 있어서 선언이 무시 되는 경우도 있기 때문에 전체 코드가 필요 합니다. 올려주신 코드를 사용해 보면 작 적용이 됩니다.

문법을 살펴보면,

1.
<style type=text/css> 에 따옴표가 빠졌습니다.
<style type="text/css">

2.
font-size:10; 에 단위가 빠졌습니다.
font-size:10pt;

3.
<font> 태그는 더이상 지원되지 않는 태그 입니다. <span>과 같은 태그를 사용하세요.

제제 wrote: .BA {color:#0099CC;font-size:10;font-family:Verdana, Arial, Helvetica, sans-serif, 굴림체}

문제에 대한 답은 아닙니다만 (현석님 말대로 올려 주신 부분에는 이상이 없습니다), 글꼴 지정을 하실 때 다음 사항에 주의하세요.

sans-serif와 같은 일반 글꼴 이름은 맨 마지막에 와야 합니다. 굴림체와 sans-serif의 순서를 바꾸세요. 그리고, 고정폭 글꼴을 쓰실 생각이 아니라면 (위에서 열거한 로마자 글꼴은 모두 가변폭입니다), '굴림체' 대신 '굴림'을 쓰세요. '체'로 끝나는 한양의 글꼴은 모두 고정폭 글꼴이므로 글꼴 일반 이름 가운데 monospace와 같이 써야 합니다. 현재 한글과 한자는 굴림이나 굴림체나 다르지 않아서 위에서 하신 것처럼 로마자 글꼴을 먼저 지정한 경우에 차이가 없겠지만, 그렇다고 해도 원칙대로 하는 편이 낫습니다.

좋은 답변과 팁 감사합니다. ^^
다시 수정해 보겠습니다.