이 클래스 오류는 어떻게 처리됩니까?

Question

일부 내장 웹 서버에서 상속 한 기능 장애 코드가 있습니다. html로 클래스를 확인하는 것만으로 이름에 공백을 넣을 수 없습니까?

<p id="SupplyPLR0" class="data percentage"> 

나는이 태그를 어떻게 처리 할 것인가? 단순히 100 % 오류가 될 것인가 아니면 데이터라는 클래스를 가리키고 있을까요?

Answer 1

그것은 2 개 개의 다른 클래스를 가리 킵니다 : data 및

Answer 2

아니 percentage는 CSS 클래스 이름에 공백을 가질 수 없습니다. 귀하의 예제는 유효한 HTML이지만 <p> 요소에 2 개의 클래스 ("data"및 "percentage")를 할당합니다.

Answer 3

지적한대로 2 가지 클래스 인 data과 percentage이 있습니다.

.data { 

} 

또는

.percentage { 

} 

또는, 더 구체적으로 :

이 당신이 (필요한 경우) 다음과 같은 CSS를 사용하여 참조 할 수 의미

.data.percentage { 

} 

Answer 4

예, 맞습니다. class은 not 사이에 space이 있어야하지만 t o multipleclass을 선언하면 클래스간에 space을 추가해야합니다. 따라서 <p> 태그에 2 classes 데이터와 백분율을 정의했습니다.

<p id="SupplyPLR0" class="data-percentage"> 
<!-- Declaration of one class data-percentage as hyphen is added and no space--> 

Class이 hyphens(-) 및 underscore (_)를 취할 수 대신에 당신이 그들 사이에 하이픈을 할당 할 수의

<p id="SupplyPLR0" class="data percentage"> 
<!-- Declaration of two classes data and percentage --> 

,하지만 space을 사용하여이 걸릴 것으로 분리 할 경우 그 2 different class의 선언으로.