SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Thread: CSS Styles Question, Help Needed ! ! ! !

  1. #1
    SitePoint Enthusiast MartyBoi's Avatar
    Join Date
    Dec 2011
    Location
    Saginaw MI
    Posts
    52
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question CSS Styles Question, Help Needed ! ! ! !

    Hello!

    Although I know HTML and CSS, I am still having an issue with trying to figure out the best way to style the following:

    HTML Code:
    <article id="post-1" class="post-1 post type-post status-publish format-standard hentry category-uncategorized">
    
    Content Here !
    
    </article>
    May I add, this is a WordPress theme, The HTML5 Reset Theme to be exact.

    I would normally style using the ' ID Tag ' --> ' post-1, but I don't think I can in this case. Then I thought maybe using a ' Class Tag ' --> ' post '.

    I just don't know what step to take. Help !

    Thank you....

  2. #2
    padawan silver trophy
    SitePoint Award Recipient markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,014
    Mentioned
    25 Post(s)
    Tagged
    0 Thread(s)
    #post-1 {}

  3. #3
    It's all Geek to me silver trophybronze trophy
    SitePoint Award Recipient ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, Australia
    Posts
    19,927
    Mentioned
    216 Post(s)
    Tagged
    2 Thread(s)
    Yes, you can use any of

    #post-1 {}
    .post-1 {}
    .post {}
    .type-post {}
    .status-publish {}
    .format-standard {}
    .hentry {}
    .category-uncategorized{}

    and you could even use others like

    .post-1.post {}
    .type-post.status-publish {}

    ... and so on ... but the first one that Mark gave is probably the best.

    If you find it not working, then it could mean that other styles are overriding it.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •