CSS 테두리 스타일

Question

내 wordpress 사이트 중 하나에 border: 1px solid #cccccc이있는 래퍼가 있습니다. 저는 하위 테마를 사용하고 있으며 래퍼가 위쪽과 아래쪽이 아닌 왼쪽과 오른쪽 테두리 만 가지기를 원합니다. 나는 border-left 등을 사용할 수 있지만 부모 테마는 위와 같이 테두리를 지정하기 때문에 전체 테두리를 갖습니다. 부모 CSS를 변경하지 않고 원하는 방식으로 어떻게받을 수 있습니까?

Answer 1

그럼 당신은 이런 일을하고 테두리 폭을 추가 할 수 있습니다 :이 부모를 무시하는 아이에 선언 할 수

#box { 
    border: 1px solid #cccccc; 
    border-width: 0px 1px 0px 1px; 
} 

.

Answer 2

거기에 몇 가지 답변이 있습니다.

CSS는 CSS 파일이로드되는 순서대로 처리되므로 부모 테마 뒤에 자식 테마가로드되면 자식 테마가 이깁니다.

그런 경우가 아니라면 CSS 스타일! important를 사용하여 CSS 스타일을 대기열의 맨 위에 놓습니다. 이들은 여전히 ​​순서대로 처리되므로 충돌하는 중요한 속성은로드와 동일한 순서로 평가됩니다.

border-width: 0 1px !important;