<p>className을 주면 css가 반영이되는데..</p>
<div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div></div>
<div>
<div>
<div style="line-height: 19px;"><span style="color: #808080;">&lt;</span><span style="color: #569cd6;">style</span><span style="color: #808080;">&gt;</span></div>
</div>
<div>
<div style="line-height: 19px;">
<div style="line-height: 19px;">
<div>&nbsp;<span style="color: #d7ba7d;">.border-green</span>&nbsp;{</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">border</span>:<span style="color: #b5cea8;">2px</span>&nbsp;<span style="color: #ce9178;">solid</span>&nbsp;<span style="color: #ce9178;">green</span>;</div>
<div>&nbsp;&nbsp;&nbsp;}</div>
<div>
<div style="line-height: 19px;"><span style="color: #808080;">&lt;</span><span style="color: #569cd6;">style</span><span style="color: #808080;">&gt;</span></div>
</div>
</div>
</div>
</div>
</div>
<div></div>
<div></div>
<div></div>
<div>&nbsp;<span style="color: #c586c0;">if</span>(<span style="color: #9cdcfe;">text1</span>.<span style="color: #9cdcfe;">value</span>&nbsp;==&nbsp;<span style="color: #ce9178;">"green"</span>){</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color: #9cdcfe;">text1</span>.<span style="color: #9cdcfe;">className</span>&nbsp;=&nbsp;<span style="color: #ce9178;">"border-green"</span>;</div>
<div></div>
<div></div>
</div>
<p></p>
<p>className을 줬을때 css가 왜 반영이 되는지 이해가 가지 않아서요<br /><br />답변 부탁드립니다.&nbsp;</p>

<p>CSS를 반영할 수 있는 선택자는 여러가지가 있습니다. 그 중에 가장 많이 사용하는 방법이 클래스명을 이용해서 반영하는 방법이고, 클래스명을 사용할 경우 자바스크립트에서 className 속성을 이용해서 클래스를 바인딩 처리 할 수 있습니다.</p>

인프런 커뮤니티 질문&답변

className을 주면 css가 반영이되는데..