Grow your CSS skills. Land your dream job.

how to override a link style?

  • # June 12, 2013 at 1:33 am

    hi, im sure this topic has already been created, but i tried to look for something similar and couldn’t find, so my apologies in advance.

    the problem is that on my index page i have some inline blocks on my menu links. and all my css is in a separate file (mainstyles.css)

    so on my location.html page i have an image link to google maps, and the link is inheriting the inline block as the one from the menu. leaving me with a block around my image.

    i read some posts about overriding styles but am still somewhat confused. i hope i explained it clear enough. thanks.

    # June 12, 2013 at 2:54 am

    can you give us a link to your website or make a sample code?

    # June 12, 2013 at 10:10 pm

    Can you give the URL?

    # June 12, 2013 at 11:20 pm

    Or create a Pen: http://codepen.io/pen/ with your code.

    Over-ridding styles is easy, last style declared will take affect. So if you have:

    .box { color:red; }
    .box { color: green; } /* this is the style that overrides the top .box */

    # June 13, 2013 at 12:57 am

    i’m still having trouble understanding. here is the pen.

    http://cdpn.io/BJolm

    # June 13, 2013 at 1:04 am

    You have a lot of HTML syntax issues.

    # June 14, 2013 at 1:46 am

    which means what?

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".