내 코드입니다 : 호버에서 국경이 변경되지 않는 이유는 무엇입니까? 여기
<html>
<head>
<style type="text/css">
p:hover{border:2px solid red;}
</style>
</head>
<body>
<p style="border:2px solid green;">This is a paragraph.</p>
</body>
</html>
나는 혼란 스러워요가
을 왜 테두리 색상이 호버에 변화되지 않는 이유는 무엇입니까?인라인 스타일은 !important이 아닌 CSS 규칙보다 우선 순위가 높습니다. 그래서 솔루션은 중요한로 p:hover 규칙의 속성을 표시하는 것입니다 :
p:hover {
border:2px solid red !important;
}
또 다른 옵션은 역시 <style> 태그에 초기 스타일을 이동하는 것입니다. CSS 우선 순위의 DR-스타일의 설명과 당신이 조금 더 뭔가를 선호하는 경우 당신은 또한 relevant part of the CSS spec에 모습을 가질 수
p {
border: 2px solid green;
}
p:hover {
border: 2px solid red;
}
인라인 스타일은 별도의 CSS 섹션
보다 더 높은 우선 순위를 가지고편집 : 한숨 2 - 다만 조금 너무 느리다. 당신은 단지 CSS (말에 액세스 할 수있는 경우 다른 있기 때문에,
<style type="text/css">
p{border:2px solid green;}
p:hover{border:2px solid red;}
</style>
<body>
<p>foobar</p>
</body>
: 지금까지 내가 !important이 좋은 연습으로 간주되지 않습니다 알고, 그래서 나는이 방법을 사용하는 것이 좋을 것 -
이 작업을해야합니다 부서가 HTML을 소유하거나 다른 방법을 통해 도입되는 경우) !important을 사용해야합니다. !important의 사용은 완전히 똑같은 상황에 대한 해결책으로 의도되었으므로 절대적으로 좋습니다. "나쁜 연습"이라는 생각은 잘못되었습니다 (CSS 특수성에 관해서 게으르지 않는 한).
p:hover{border:2px solid red !important}
<body>
<p style="border:2px solid green">foobar</p>
</body>
브라우저 내장 CSS 선언 p:hover 위해 그들이 a:hover, a:active, a:visited 등을 위해처럼; 따라서 HTML의 인라인 스타일은 런타임에 인식되는 유일한 스타일입니다. ... :hover에게주는 유효한 !important가 있으면 않는 한.
정말 중요한 코드를 사용해서는 안됩니다. –
어쩌면 그는 HTML 코드가 붙어있을 수도 있습니다. 이 경우'! important'를 사용하는 것 외에 다른 선택이 없을 것입니다. – ThiefMaster
'p : hover'가 _after_'p'로 선언되어야한다는 것이 정말로 필요합니까? – drahnr