How can I set first element to display: none;?


Tags: css,wordpress,iframe,pseudo-element

Problem :

So I'm styling this posttype in Wordpress, and when the user links to a soundcloud track that track will show in the post header. Now, if that user posts more than one link I'd like the next ones to be in the content of the post, excluding the first one which already appears in the header.

This is what rougly is output:

<div class="content">
    <p><iframe/></p>
    <p><iframe/></p>
    <p><iframe/></p>
    <p><iframe/></p>
</div>

How do I style this in CSS so only the last three iframes displays?

Michael



Solution :

Try this:

.content:first-child{
    display: none;
}

    CSS Howto..

    How to make overflow blocks working well ()

    How should a graphic designer learn web design? [closed]

    In IE6, how to float item to right without clearing it?

    How to place divs with background-images in order with 100% width?

    How to transform Menu icon to Arrow icon? [closed]

    In css how to display multiple divs?

    jQuery slideDown() moves everything below downwards. How to prevent this?

    How do I switch external CSS files?

    how to hide the content of the div in css

    how to add css for div tag

    How to select 3rd div which has specific css class

    How should I escape image URLs for CSS?

    How to change format of long text in cell?

    webkit animation play state: how to start/stop animation on demand with javascript

    How do you tell a browser, “if you need to wrap, wrap here first”?

    How to center equally spaced anchor tags in

    How to get css to work in Django [closed]

    In a responsive layout how can I get divs to shrink uniformly?

    How to position text on a baseline?

    how to create a tirangle and square with ccs only?

    How to (and how not to) load a css file that uses @font-face

    How do I get my textboxes to align properly once triggered? - jQuery/CSS

    How can I display 2 big buttons next to each other html & css

    How do I position images left and right in wordpress post

    How can I “display:none” to some adjacent text with CSS?

    How do I make a div expand to the width of the page with css?

    How to move img src a few pixels down in html page

    How to change CSS based on Season using JavaScript

    how to apply css to a specific element of a table?

    How to load jQuery before CSS code?