안됨 - html이<div id="two words"라고 말하면 스타일 시트에 CSS 선택기를 작성하려면 어떻게해야합니까?



html css 적용 안됨 (4)

ID에는 여러 단어를 사용할 수 없지만 클래스에는 사용할 수 있습니다.

<p class="one two">lalala</p>

.one {
    color: black;
}

.two {
    font-weight: bold;
}    

https://src-bin.com

"oneword"라고 말하면 "#oneword"라고 쓸 수 있지만 단어에 공백이 있으면 무엇을 쓸 수 있습니까?


Answer #1

whitespace는 일반적으로 selector combinator 로 받아 들여지므로 ID 요소에 공백을 사용하면 안됩니다.


Answer #2

두 단어로 변경하십시오. 다른 사람들이 말했듯이, ID에는 공백을 사용할 수 없지만 클래스에는 사용할 수 있습니다.

#two-words { font-family: arial; }
.center { text-align: center; }
.bold { font-weight: bold; }

<div id="two-words" class="center bold">STUFF HERE</div>

Answer #3

Artisteer와 같은 IDE가있는 웹 사이트를 만들면 작업 id="two words" 가 클래스가되는 것을 볼 수 있습니다

.two{
}

.words{
}

이것이 좋은 연습인지는 모르겠지만 작동합니다.





css