인라인 CSS에서 a : hover를 작성하는 방법

질문 : 인라인 CSS에서 a : hover를 작성하는 방법은 무엇입니까?

---

인라인 CSS 코드를 작성해야하는 경우가 있는데 앵커에 호버 스타일을 적용하고 싶습니다.

HTML 스타일 속성 내의 인라인 CSS에서 a:hover 를 어떻게 사용할 수 있습니까?

예를 들어 HTML 이메일에서 CSS 클래스를 안정적으로 사용할 수 없습니다.

반응형

답변

---

짧은 대답 : 할 수 없습니다.

긴 대답 :해서는 안됩니다.

클래스 이름 또는 ID를 지정하고 스타일 시트를 사용하여 스타일을 적용하십시오.

:hover 는 의사 선택기이며 CSS의 경우 스타일 시트 내에서만 의미가 있습니다. 인라인 스타일에 해당하는 것은 없습니다 (선택 기준을 정의하지 않기 때문에).

OP의 의견에 대한 응답 :

CSS 규칙을 동적으로 추가하는 방법에 대한 좋은 스크립트는 Totally Pwn CSS with Javascript 를 참조하십시오. 주제에 대한 일부 이론에 대해서는 스타일 시트 변경을 참조하십시오.

또한 옵션 인 경우 외부 스타일 시트에 대한 링크를 추가 할 수 있습니다. 예를 들면

<script type="text/javascript">
  var link = document.createElement("link");
  link.setAttribute("rel","stylesheet");
  link.setAttribute("href","http://wherever.com/yourstylesheet.css");
  var head = document.getElementsByTagName("head")[0];
  head.appendChild(link);
</script>

주의 : 위는 헤드 섹션이 있다고 가정합니다.

출처 : https://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css