나는 divable을 클릭 할 수 있기 때문에 유효한 HTML 5이며 div를 블록 레벨 요소로 만들었으므로 주위에 "a"태그를 래핑했습니다. .div : div 주위의 링크 - div 내부 스타일링
지금, 문제는 그 div 안에있는 내용을 스타일링하는 것입니다. 모든 것이 링크로 표시되기 때문에 수많은 방법을 시도해도 div 안에 모든 스타일을 사용자 정의하기위한 좋은 해결책을 찾지 못했습니다.
감소 된 시료는 여기에서 볼 수 있습니다 :
http://codepen.io/anon/pen/aencq
그래서, 내 질문은 기본적으로 같은 블록 레벨 DIV 안에있는 H2 및 P와 같은 스타일 요소의 가장 좋은 방법은 있는지, 무엇을 a : 링크로 싸여 있습니다.
당신이 필요로하는 것입니다 : 때때로
a { color:black; text-decoration:none; }
좀 더 구체적인 얻고 싶은거야, 그리고 다음과 같이 할 수있다 :
a h2 { color:red; }
아마도'a' 링크를 분류하고 싶을 것입니다. [이것 같이] (http://codepen.io/anon/pen/EdzmD). – steveax
그 중 하나는'.parent a'와 같은 부모를 통해'a'를 타겟팅하는 것입니다. – zeMinimalist
은 기본적으로 무엇을 당신에게 일어나고있는 것은 < > 태그 아래에있는 모든 요소 하이퍼 링크 (밑줄, 청색 등)
의 CSS 속성을 상속하는 것이이상의 ID 또는 클래스를 만들 카운터 것입니다 귀하의 태그를 지정하고 기본 앵커 속성을 제거/덮어 씁니다.
예를 들어 밑줄을 제거하려면 다음을 수행하십시오. text-decoration : none; 그 재정의 링크 관련 의사 수업 후
: : 링크, 는 :, 방문 : 활성 : 및 를 가져.
가장 좋은 방법은 의견입니다. 나에게 가장 좋은 방법은 가능한 한 가장 간결한 CSS를 사용하는 것이다. 필요한 specificity 만 사용하십시오. 예를 들어 a h2이 필요한 경우 a div h2을 사용하지 마십시오. 또한 참고로 a.block { display:block; }과 같은 작업을 수행 할 수 있으며 마크 업에 div가 필요하지 않습니다.
[이 비록 약간의 혼란 (방화범 스크린 샷) ] (http://pangram.net/sandbox/text-decoration.png) – steveax