CSS 상속 스타일을 지우는 방법

css 상속된 스타일 지우기

안녕하세요. 귀하의 질문을 다음과 같이만 설명할 수 있습니다

먼저 li{color:red;}

와 같은 클래스 스타일을 작성한다면

모든 리는 빨간색으로 유지되며 상속된 스타일은 지울 수 없습니다. 유사한 코드의 실행 순서는 기본적으로 위에서 아래로 이루어지며, 판단 등의 제어 방법을 사용하지 않는 한 변경할 수 없습니다. 대답은 지울 수 없다는 것입니다.

코드 실행 순서는 변경할 수 없으며 브라우저 파싱 방식도 제어할 수 없습니다.

둘째, 이런 문제를 어떻게 해결할 수 있나요? 예를 들어 지역을 지정할 수 있나요

상하 영역이 각각 id=a id=b인 두 개의 div가 있다고 가정합니다.

id=a 부분의 li만 빨간색으로 하고 싶다면 작성 방법은 다음과 같습니다

#a li{color:red} 그러면 id=b 영역의 li는 영향을 받지 않습니다

이런 문제는 사용 영역을 최대한 규정해야만 해결할 수 있습니다

세탁 후에도 도와드릴 수 있어요, 감사합니다

CSS에서 상위 요소 속성 상속을 취소하는 방법

다른 속성은 괜찮지만 투명 속성은 상속 후 취소가 불가능합니다. 이 효과를 달성하기 위해 제가 본 세 가지 방법이 있는데, 그중 1과 3은 확실히 효과적이지만 2는 그다지 신뢰할 수 없습니다.

1. aa의 모든 div를 시뮬레이션하고 bb, cc 및 dd를 aa에 넣지 않고 aa에 투명 속성을 설정한 다음 CSS 위치 지정 속성 위치를 사용하여 bb, cc 및 dd를 배치합니다. aa 안에 있는 것 같아요. 그게 다예요.

2. 이것은 전설적인 방법입니다. bb, cc 및 dd는 여전히 aa에 설정되어 있으며 상대 위치 지정 속성은 bb, cc 및 dd에 추가됩니다. position:relative 저는 이 방법을 성공적으로 시도한 적이 없습니다. 다른 속성 충돌은 유효하지 않습니다.

3.aa는 투명도를 설정하지 않고 ps에서 반투명 그림을 만들어 png24 형식으로 저장한 다음 aa의 배경으로 사용하지만 이로 인해 문제가 발생합니다. FF, OP 및 IE 상위 버전은 모두 png 그림 투명도를 지원합니다. , IE6에서 다음은 더 이상 지원되지 않으므로 IE6에서 볼 수 있는 aa의 배경은 회색이지만 이 문제는 해결하기 쉽습니다. 직접 다운로드할 수 있습니다. ie6 png는 투명합니다.

위 내용은 CSS 상속 스타일을 지우는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!