난 내 페이지 내 모든 링크에 대한 a:hover 있습니다특정 div에 대해 CSS를 재정의 하시겠습니까?
a:hover {
background-color: blue;
text-decoration: underline;
color: black;
}
하지만를하지만 난 당신이 그들에 마우스를 가져 가면 일이 아무 것도하지 않을 사업부의 특정 사람이있다, 그래서 내가 뭔가를 할 수 이거?
#what_we_offer a:hover {
background-color: none:
text-decoration: none;
color: none;
}
기본적으로 나는 그들이 특정 링크를 가리키면 위의 것을 원하지 않습니다.
감사
#what_we_offer a:hover {
background-color: transparent;
text-decoration: none;
color: none;
}
투명 대신 none을 사용합니다.
모든 답변 주셔서 감사합니다.
예 그건 당신이 가능성이 당신이 정말로 어떤 스타일을 원하지 않는 한 none을 설정하지 않지만 ..., 잘 작동 잘 작동합니다 등 사용자의 기본 색상을 설정합니다. 그냥 오타 인 경우 잘 모르겠어요
#what_we_offer a:hover {
background-color:#fff;/*presuming was originally white*/
text-decoration:none;
color:#000;/*presuming was originally black*/
}
PS하지만 원래 background-color:none: 라인은 세미콜론 따라서이 발생했을 문제 대 콜론 종료되었습니다.
오히려 CSS를 사용하는 클래스
/* for link where you want to change color on hover */
.Link a:hover {
background-color: none:
text-decoration: none;
color: red;
}
/* for link where you dont want to change color on hover */
a:hover {
background-color: none:
text-decoration: none;
color: none;
}
'id' 대'class' - @Mo에 1 개의 특수 div 또는 특수 div 모음이 있는지 여부에 따라 다릅니다. – scunliffe
'none'이 배경색으로 인해 작동하지 않습니다. –
예, 특수 div가있어서 ID를 사용하는 이유입니다. –
a:hover {
background-color: none:
text-decoration: none;
color: none;
}
올바른 내용입니다. 당신은 단지 특정 페이지를 원하는 경우
, 전자,
body-id a:hover {
background-color: none:
text-decoration: none;
color: none;
}
정확하지 않습니다 (아무 것도 색상이 아닙니다). 유형 선택기가 아닌 id 선택기를 사용하고 싶다면 질문에 * div * not * page *라고 쓰고 코드를 포맷하지 않았습니다. – Quentin
답변이 잘못되었습니다. 그 div에 대한 기본 배경색, 텍스트 장식 등이 있다면 그 div 위로 마우스를 움직이면 사라질 것입니다. 이러한 모든 속성은 "a : hover"블록에서 해당 div의 기본 속성으로 설정해야합니다. –
당신이 PRANAV 말한의 반대를한다면 내 생각, 당신은 더 적은 수정에게 내가있을 수 있습니다 추가
/* for link where you ***DO*** NOT want to change color on hover */
.Link a:hover {
background-color: none:
text-decoration: none;
color: red;
}
/* for link where you want to change color on hover */
a:hover {
background-color: none:
text-decoration: none;
color: none;
}
그래서 당신은 필요 특정 DIV에서 href의 클래스 추가
CSS 선택기를 사용할 수 있습니다. 가장 좋은 방법은 셀렉터 not을 사용하는 것입니다. 내가 당신에게 예를 보여 드리죠 : 당신이 볼 수 있듯이, 나는 not 선택기를 사용하여 a 스타일을 정의하고 있습니다
<html>
<head>
<style type="text/css">
a:not([not_custom]){
background: #00FF00;
color: #FF0000;
}
</style>
</head>
<body>
<div>
<a href="">Test 1</a>
<a href="" not_custom="">Test 2</a>
<a href="">Test 3</a>
<a href="" not_custom="">Test 4</a>
<a href="">Test 5</a>
<a href="" not_custom="">Test 6</a>
</div>
</body>
</html>
. 그래서 not_custom 속성이없는 a에 모두 녹색 배경과 빨간색을 넣고 싶습니다. 결과적으로 Test 1, Test 3 및 Test 5에는 style이 정의되고 Test 2, Test 4 및 Test 6은 스타일없이 정상적으로 표시됩니다.
참고 : 원하는 특성을 정의 할 수 있습니다. 이름이 not_custom 일 필요는 없습니다. 원하는 경우 whatever이라고 할 수 있습니다.
HTML5를 작성하고 (여전히 초안 임에도 불구하고) 어떤 사용자 정의 속성 이름을 지정할 수 있는지에 대한 제한 사항을 준수하지 않는 한 HTML을 작성할 때 속성을 구성하지 마십시오. not "는 아직 심각하게 사용하기에 충분히 광범위하게 지원되지 않습니다 (특히,이 상황에서 실패 할 경우 읽을 수없는 텍스트로 끝나는 경우) – Quentin
CSS 값을 덮어 쓰려면 두 가지를 할 수 있습니다 : 덮어 쓰려는 CSS 선언 다음에 새 CSS 선언 추가 또는 "! important"사용..
a.reset:hover {
background-color: #FFFFFF;
text-decoration: none;
color: #000000;
}
을 다음이 새로운 클래스의 오버라이드 (override) 할 링크 추가 : 그래서 문제에 대한 당신이 시도 할 수
<a href="#" class="reset">Link with reset</a>
을하지만 CSS 클래스는 정상 "는 이후에 선언해야합니다 "태그 선언 또는이 작동하지 않습니다.
또 다른 방법은 중요한 것을 사용하는 것이지만 나는 이것을 남용하지 않는 것이 좋습니다. ..
a.reset:hover {
background-color: #FFFFFF !important;
text-decoration: none !important;
color: #000000 !important;
}
을 당신이 당신의 CSS 파일에 어디에서든지 추가 할 수 있습니다,이 하나는 "리셋"클래스가 얻을 것이다 그 스타일로 어떤 링크 :하지만 오버라이드 (override)에 대해 그것이 작동해야하는 가장 빠르고 안전한 방법입니다 : 흰색 배경, 아니 텍스트 장식 및 검정 텍스트.
오, 배경에 대해 시도해보십시오. 배경 : 없음; 모든 배경 스타일을 지울 것입니다. 배경색, 배경 이미지 등
참고 사항. id는 단일 요소를 참조하는 데 사용되며 고유해야합니다. 클래스는 여러 요소를 참조하는 데 사용됩니다. . 동일한 ID를 여러 번 사용하면 CSS 클래스를 사용할 때와 마찬가지로 자바 스크립트를 손상시킬 수 있으며 HTML이 유효하지 않습니다.
나를 위해 작동하지 않았으며, '없음'으로 표시되는 용량이 작동하지 않습니다. –
첫 번째는 "#what_we_offer"에 대한 기본 설정 : 호버 (hover) 이전입니까? 둘째, 위의 코드를 사용하면 무엇을 얻게됩니까? – scunliffe