谁还没个明天 2009-06-23 15:07 采纳率: 50%
浏览 1696
已采纳

如何在内嵌 CSS 中编写: hover?

I have a case where I must write inline CSS code, and I want to apply a hover style on an anchor.

How can I use a:hover in inline CSS inside the HTML style attribute?

E.g. you can't reliably use CSS classes in HTML emails.

转载于:https://stackoverflow.com/questions/1033156/how-to-write-ahover-in-inline-css

  • 写回答

18条回答 默认 最新

  • Didn"t forge 2009-06-23 15:09
    关注

    Short answer: you can't.

    Long answer: you shouldn't.

    Give it a class name or an id and use stylesheets to apply the style.

    :hover is a pseudo-selector and, for CSS, only has meaning within the style sheet. There isn't any inline-style equivalent (as it isn't defining the selection criteria).

    Response to the OP's comments:

    See Totally Pwn CSS with Javascript for a good script on adding CSS rules dynamically. Also see Change style sheet for some of the theory on the subject.

    Also, don't forget, you can add links to external stylesheets if that's an option. For example,

    <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>
    

    Caution: the above assumes there is a head section.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(17条)

报告相同问题?