부모 div에서 스타일을 상속하지 않도록 div를 만듭니다.

Question

부모 div에서 스타일을 상속받지 않도록 div가 만들 수 있습니까?

예를 들어 (우리의 템플릿 코드의 일부) :

<a data-field="friendsLink"><b>Friends</b></a> 

목표는 <b> 태그 스타일을 유지하고 앵커 태그 스타일, 즉 글꼴 및 글꼴 색상을 상속하지 않는 것입니다.

Answer 1

부모 스타일 상속 (일부)은 CSS 규격의 일부입니다. 이를 포용하고 특수성을 사용하여 부모 스타일을 덮어 쓰기위한 스타일을 선언하십시오.

a { 
    parent styles here; 
} 

a b { 
    style overrides here; 
} 

Answer 2

아니요, 스타일은 항상 상속됩니다. 내부 div가 다른 스타일을 갖도록하는 유일한 방법은 새로운 선언으로 명시 적으로 재정의하는 것입니다.

경우에 따라 새 선언의 유형은 font: initial 일 수 있지만 귀하의 경우에는 원하는대로 스타일을 재설정 할 필요가 있다고 생각하지 않습니다.

이 질문의 답은 이미 How to inherit grandparent css, not parents입니다. JavaScript를 사용하여 스타일을 복사하는 몇 가지 추가 제안 사항이 있습니다. 하지만 내 돈을 우선하기 때문에 최소한의 경우에는 더 쉽습니다.