Hide long text except the first two paragraphs

Posted by Barbara on Stack Overflow See other posts from Stack Overflow or by Barbara
Published on 2012-03-31T17:18:47Z Indexed on 2012/03/31 17:29 UTC
Read the original article Hit count: 185

Filed under:

nth-child

I have a very long text and I need to hide everything except the first two paragraphs. For various reasons I'd rather not use jquery for this site. Can this be done with css only? I know nth-child most likely will do the trick but I'm having troubles coming up with a specific rule.

<div class="text">
<p>display<p>
<p>display</p>
<p>hide from this point</p>
<p>...</p>
</div>

Related posts about nth-child

using jquery as an alternative to css nth child

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi. I am using the following css to create list items with a chckerboard background ( every other list item has a grey background, which shift every row to create a checkerboard pattern: li:nth-child(8n+2), li:nth-child(8n+4), li:nth-child(8n+5), li:nth-child(8n+7) { background-color:grey; } Is… >>> More
Debugging nth-child selector

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following selectors: .progress:nth-child(3n+1) { background: teal; } .progress:nth-child(3n+2) { background: red; } .progress:nth-child(3n+3) { background: blue; } However all of the items end up with a teal background. Are these selectors correct? I'm thinking I should… >>> More
Finding nth-child of siblings via jQuery

as seen on Stack Overflow - Search for 'Stack Overflow'
Let's say I have two tables that look like this: TH TH TH TH TD TD TD TD TD TD TD TD and TH TH TH TH TH TD TD TD TH TD TD TD I'd like to select the 3rd column in each. At first I was using nth-child as such: $('table tr td:nth-child(3)') But… >>> More
nth-child doesn't respond to class

as seen on Stack Overflow - Search for 'Stack Overflow'
Is it possible to get the nth-child pseudo-selector to work with a specific class? See this example: http://jsfiddle.net/fZGvH/ I want to have the second DIV.red turn red, but it doesn't apply the color as expected. Not only that, but when you specify this, it changes the 5th DIV to red: div.red:nth-child(6) When… >>> More
nth child selector in jquery

as seen on Stack Overflow - Search for 'Stack Overflow'
<table width="600px" id='testTable'> <tr class="red"><td>this</td></tr> <tr><td>1</td></tr> <tr><td>1</td></tr> <tr><td>1</td></tr> <tr class="red"><td>1</td></tr> … >>> More

Developer IT

Hide long text except the first two paragraphs - Developer IT

Hide long text except the first two paragraphs

nth-child

Related posts about nth-child

using jquery as an alternative to css nth child

Debugging nth-child selector

Finding nth-child of siblings via jQuery

nth-child doesn't respond to class

nth child selector in jquery

Categories cloud