Skip to main content

Forums

This topic contains 2 replies, has 2 voices, and was last updated by  cives 1 year ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #267956

    cives
    Participant

    Hi guys, throughout the site i’m dev’ing I have a class that I apply to various text tags, (p,a,h1,h2,etc.), called .cal-blue.

    I want to specify that when a link with the .cal-blue class is hovered, to dim the opacity.

    I’m currently using: .cal-blue:hover{opacity: .8 !important;} which works, but also impacts the paragraph, and heading tags throughout the site when hovered.

    I’ve messed around with .cal-blue a:hover{…} or a .cal-blue:hover{…} but that doesn’t seem to do it.

    Thoughts?

    #267968

    Seriaph
    Participant

    If you are applying the class to the element like such: <a class="cal-blue">your text</a>

    Then the appropriate way to target the <a> tag in this case is a.cal-blue.

    Hope this helps.

    #268005

    cives
    Participant

    Thanks!!!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

icon-link icon-logo-star icon-search icon-star