Question

185

Only display the first child of a div

rated 0 times [ 186] [ 1] / answers: 1 / hits: 16920 / 11 Years ago, thu, july 11, 2013, 12:00:00

I've been struggling with finding a way to only display the first child of my div and hide all the rest. Can this be done purely in css or do I have to involve some Javascript?

So, how can I get this to only display first p-tag?

<div id=test1>

    <p>Lorem ipsum</p>

    <p>Lorem ipsum</p>

    <p>Lorem ipsum</p>

</div>

http://jsfiddle.net/8XYNx/

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

anikas

Add To Favorites

Follow

Total Points: 258

Total Questions: 102

Total Answers: 95

Location: Monaco

Member since Sun, Jan 16, 2022

2 Years ago

anikas questions

1 Uncaught Error: MUI: makeStyles is not longer exported from @mui/material/styles

Tue, Sep 28, 21, 00:00, 3 Years ago

1 The requested module 'franc' does not provide an export named 'default'

Sat, Sep 11, 21, 00:00, 3 Years ago

1 How to properly add conditional class to Alpine JS x-for template?

Sun, Feb 28, 21, 00:00, 3 Years ago

1 Nuxt.js + Auth ( jwt refresh token )

Sun, Aug 16, 20, 00:00, 4 Years ago

1 Angular Validator check if input is number

Sun, May 17, 20, 00:00, 4 Years ago

View All

answered 11 Years ago francokeganr · Accepted Answer

try this

http://jsfiddle.net/8XYNx/10/

CSS

  #test1 p{

    display:none;



}

#test1 p:first-child{

    display:block;

}