청사진 div의 색상을 설정하십시오

Question

청사진에서 div의 배경색을 설정하는 방법이 있습니까?

내가 그 클래스 = 오류가 색깔이 분홍색으로 설정합니다주의 (/ 성공 통지는 유사하다) :

<div class="error"> 
    <p>whatever</p> 
</div> 

그러나 나는 어떤 임의의 색으로 사업부를 설정하는 방법이 있는지 알고 싶어?

편집 : 실제로 오류/알림/성공에 신경 쓰지 않습니다. 나는 그들이하는 것과 비슷한 방식으로 div의 색상을 설정할 수 있기를 원하지만, 나의 선택의 색상을 사용하고 싶다.

Answer 1

명백한 진술 시간 - 왜 직접 div.error 규칙을 재정의 할 수 없습니까?

div.error { background:black; color:#fff; } .. 이상한 대회를 망치려고하지 않으십니까? 그렇다면 다른 클래스 이름을 사용할 수 있습니다.

Answer 2

예, 기본 CSS 파일에 error에 대한 규칙을 지정하면 CSS를 쉽게 넘을 수 있습니다.

기본 색상을 이상적으로 넘어야합니다. 아니면, 규칙에 더 높은 특이성을 사용하십시오 : div.container div.error { color: red; }

Answer 3

그냥 ... 자신의 CSS 클래스를 정의하고 background 및/또는 (글꼴 색상의) color 속성을 색상 값으로 설정하십시오. 그런 다음 div 클래스를 해당 클래스 중 하나로 설정하십시오.

당신은 id 속성을 추가하여 특정 div에있는 모든 색상을 설정할 수 있습니다

Answer 4

:

<div class="error" id="myblueprint"> 
    <p>whatever</p> 
</div> 

이 그런 다음 CSS 파일에 추가하십시오 :

#myblueprint { background:blue; }