Forums

Give help. Get help.

  • # April 5, 2013 at 4:17 am

    http://codepen.io/TannerCampbell/pen/wjzdL

    Thinking I was being clever, I did this:

    #column-left p {
    font-size: 1.5em;
    line-height: 24px;
    text-align: left;
    padding: ;
    }

    Making all the p tags in the #column-left div adhere to this styling. Well, whoops, because I have a p tag, classed as “comments”, that exists in #column-left and I need to speak to it specifically to adjust its size.

    Anyone know a work around? I can fix it by moving some things around but I was hoping someone might know a clever piece of CSS that would allow me void the other styling.

    If you want to see the site instead of the code pen: http://tannercampbell.net/writerssquare

    any input would be appreciated. Thanks, all.

    Best,
    Tanner

    # April 5, 2013 at 4:31 am

    Target `#column-left .comments`?

    # April 5, 2013 at 4:09 pm

    Actually that’s weird. That should have worked for you.

    `p.comments` is the same same as `

    `

    # April 5, 2013 at 4:29 pm

    That depends if you’re using `!important` and if `#column-left p` is below `#column-left p.comments` in your stylesheet, I believe.

    # April 5, 2013 at 4:39 pm

    The order doesn’t matter

    #column-left .comment { } (or p.comment)

    has a higher specificity than

    #column-left p { }

    and will win out over the general level p

    # April 5, 2013 at 4:45 pm

    Thanks @wolfcry911

    # April 5, 2013 at 9:55 pm

    LOL – thanks tanner, you made my day!

    And just for the record (for those that care), I never claim to know everything about anything ;)

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

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag