0
답변 1 css 로딩 순서에 대한 질문입니다. 답변 1 (/p/css)
보통 강조하기위해 !important 를 사용 하시 잖아요?  다른 css 와 겹침을 방지하기위해 잘 쓰지 않는 방법인가요?  웹 표준에 어긋나지는 않는건가요? 

보통 강조하기위해 !important 를 사용 하시 잖아요? 

다른 css 와 겹침을 방지하기위해 잘 쓰지 않는 방법인가요? 

웹 표준에 어긋나지는 않는건가요? 

css 우선순위 웹표준
+
RIO 님께서 15일 전에 CSS에 올린 질문

css 로딩 순서에 대한 질문입니다.

0
답변 1 css 로딩 순서에 대한 질문입니다. 답변 1 (/p/css)
보통 강조하기위해 !important 를 사용 하시 잖아요?  다른 css 와 겹침을 방지하기위해 잘 쓰지 않는 방법인가요?  웹 표준에 어긋나지는 않는건가요? 

보통 강조하기위해 !important 를 사용 하시 잖아요? 

다른 css 와 겹침을 방지하기위해 잘 쓰지 않는 방법인가요? 

웹 표준에 어긋나지는 않는건가요? 

css 우선순위 웹표준
+
RIO 님께서 15일 전에 CSS에 올린 질문

1개의 답변

1
[답변]css 로딩 순서에 대한 질문입니다. 1 (/p/)
CSS는 기본적으로 나중에 정의한 것이 먼저 정의한 것을 덮어 씁니다. 즉, 아래와 같이 되어있는 경우  .box-color { background-color: red; } .box-color..

CSS는 기본적으로 나중에 정의한 것이 먼저 정의한 것을 덮어 씁니다.

즉, 아래와 같이 되어있는 경우 

.box-color {
  background-color: red;
}

.box-color {
  background-color: blue;
}

.box-color가 적용된 영역은 파란색이 됩니다.

하지만 나중에 정의한 것과 상관없이 우선 순위를 주기 위해 아래와 같이 !important를 사용합니다.

.box-color {
  background-color: red !important;
}

.box-color {
  background-color: blue;
}

그러면 해당 영역은 빨간색이 됩니다.

이 때, 다시 나중에 정의한 것에 우선 순위를 주고 싶으면 거기에도 아래와 같이 !important를 주면 됩니다.

.box-color {
  background-color: red !important;
}

.box-color {
  background-color: blue !important;
}

그러면 해당 영역은 다시 파란색이 됩니다.

 

즉, important는 속성을 좀 더 강제하기 위해 사용되는 것이지만 이것이 웹표준을 벗어난다고 할 수는 없습니다.

CSS를 이용하여 코딩을 하다보면 때로는 강제하는 것이 더 효율적인 경우가 있기 때문입니다.

실제로도 서비스에서나 오픈소스 등을 살펴보시면 important가 많이 사용되고 있습니다.

따라서 적절하게 사용하면 코딩을 좀 더 수월하게 할 수 있는 좋은 속성입니다.

그러므로 웹표준이라든가 구조를 너무 고민하지 마시고 필요하다면 언제든지 넣었다가 뺐다가 하면서 쓰시면 됩니다.

css important
사탕 주기
+
kimho 님께서 12일 전에 에 올린 글
0
 
RIO 8일 전
감사합니다 많은 도움이 되었습니다!!
조회수 206
답글 1
URL