Ufdjrw

Why do we hear so much about the Trump administration deciding to impose and then remove tariffs?

Multiply Two Integer Polynomials

Am I thawing this London Broil safely?

Why was M87 targetted for the Event Horizon Telescope instead of Sagittarius A*?

When should I buy a clipper card after flying to OAK?

Loose spokes after only a few rides

Can a rogue use sneak attack with weapons that have the thrown property even if they are not thrown?

Where to refill my bottle in India?

How to save as into a customized destination on macOS?

What did it mean to "align" a radio?

Pokemon Turn Based battle (Python)

What tool would a Roman-age civilization have for the breaking of silver and other metals into dust?

Aging parents with no investments

For what reasons would an animal species NOT cross a *horizontal* land bridge?

Delete all lines which don't have n characters before delimiter

Resizing object distorts it (Illustrator CC 2018)

If I score a critical hit on an 18 or higher, what are my chances of getting a critical hit if I roll 3d20?

Is an up-to-date browser secure on an out-of-date OS?

Can you compress metal and what would be the consequences?

How to notate time signature switching consistently every measure

How come people say “Would of”?

Can someone be penalized for an "unlawful" act if no penalty is specified?

What is the meaning of Triage in Cybersec world?

Do these rules for Critical Successes and Critical Failures seem Fair?

Select first child with specific class inside a table and hide it [duplicate]

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;

0

This question already has an answer here:

• 
  Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  
  4 answers
  
  


• 
  What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  
  5 answers
  
  

I'm using the following code to hide the first child of class.

.remRef 
 display: none


.remRef~.remRef 
 display: block

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
</table>

It's not working inside the table. Please help me to solve this.

html css parent-child

share|improve this question

edited Mar 8 at 9:50

Mukyuu

2,11831125

asked Mar 8 at 9:45

NibyNiby

54114

marked as duplicate by Paulie_D css
Users with the  css badge can single-handedly close css questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Mar 8 at 9:47

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  You're using an adjacent sibling selector and your elements are not siblings. You will need Javascript
  
  – Paulie_D
  Mar 8 at 9:46
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  every link has that class?
  
  – fcalderan
  Mar 8 at 9:47
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes. I need it using only css. Is there any way?
  
  – Niby
  Mar 8 at 9:47
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so if all the links have the same class wouldn't it be the same if you only hide the link inside the first <tr>?
  
  – fcalderan
  Mar 8 at 9:49
  
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  To hide the first link: table tr:first-child > td .remRef display: none;
  
  – arvie
  Mar 8 at 9:52
  

  
  
  
  

 | 
show 1 more comment

0

This question already has an answer here:

• 
  Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  
  4 answers
  
  


• 
  What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  
  5 answers
  
  

I'm using the following code to hide the first child of class.

.remRef 
 display: none


.remRef~.remRef 
 display: block

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
</table>

It's not working inside the table. Please help me to solve this.

html css parent-child

share|improve this question

edited Mar 8 at 9:50

Mukyuu

2,11831125

asked Mar 8 at 9:45

NibyNiby

54114

marked as duplicate by Paulie_D css
Users with the  css badge can single-handedly close css questions as duplicates and reopen them as needed.

StackExchange.ready(function()
if (StackExchange.options.isMobile) return;

$('.dupe-hammer-message-hover:not(.hover-bound)').each(function()
var $hover = $(this).addClass('hover-bound'),
$msg = $hover.siblings('.dupe-hammer-message');

$hover.hover(
function()
$hover.showInfoMessage('',
messageElement: $msg.clone().show(),
transient: false,
position: my: 'bottom left', at: 'top center', offsetTop: -7 ,
dismissable: false,
relativeToBody: true
);
,
function()
StackExchange.helpers.removeMessages();

);
);
);
Mar 8 at 9:47

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  You're using an adjacent sibling selector and your elements are not siblings. You will need Javascript
  
  – Paulie_D
  Mar 8 at 9:46
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  every link has that class?
  
  – fcalderan
  Mar 8 at 9:47
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Yes. I need it using only css. Is there any way?
  
  – Niby
  Mar 8 at 9:47
  
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  so if all the links have the same class wouldn't it be the same if you only hide the link inside the first <tr>?
  
  – fcalderan
  Mar 8 at 9:49
  
  

  
  
  
  


• 
  
  
  

  
  1
  

  
  
  
  
  
  

  
  
  To hide the first link: table tr:first-child > td .remRef display: none;
  
  – arvie
  Mar 8 at 9:52
  

  
  
  
  

 | 
show 1 more comment

This question already has an answer here:

• 
  Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?
  
  4 answers
  
  


• 
  What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  
  5 answers
  
  

I'm using the following code to hide the first child of class.

.remRef 
 display: none


.remRef~.remRef 
 display: block

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
</table>

It's not working inside the table. Please help me to solve this.

html css parent-child

share|improve this question

edited Mar 8 at 9:50

Mukyuu

2,11831125

asked Mar 8 at 9:45

NibyNiby

54114

.remRef 
 display: none


.remRef~.remRef 
 display: block

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
</table>

.remRef 
 display: none


.remRef~.remRef 
 display: block

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
</table>

.remRef 
 display: none


.remRef~.remRef 
 display: block

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
</table>

share|improve this question

edited Mar 8 at 9:50

Mukyuu

2,11831125

asked Mar 8 at 9:45

NibyNiby

54114

share|improve this question

edited Mar 8 at 9:50

Mukyuu

2,11831125

asked Mar 8 at 9:45

NibyNiby

54114

edited Mar 8 at 9:50

Mukyuu

2,11831125

edited Mar 8 at 9:50

Mukyuu

2,11831125

asked Mar 8 at 9:45

NibyNiby

54114

asked Mar 8 at 9:45

NibyNiby

54114

1 Answer
1

active

oldest

votes

2

Please check below example. hope this helps!

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

share|improve this answer

answered Mar 8 at 9:49

user10936942user10936942

1311

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I can't use table tr:first-child selector, because I have lot of other columns. This is just a sample code. I need to hide it using class name remRef.
  
  – Niby
  Mar 8 at 9:52
  

  
  
  
  

add a comment | 

2

Please check below example. hope this helps!

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

share|improve this answer

answered Mar 8 at 9:49

user10936942user10936942

1311

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I can't use table tr:first-child selector, because I have lot of other columns. This is just a sample code. I need to hide it using class name remRef.
  
  – Niby
  Mar 8 at 9:52
  

  
  
  
  

add a comment | 

2

Please check below example. hope this helps!

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

share|improve this answer

answered Mar 8 at 9:49

user10936942user10936942

1311

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  I can't use table tr:first-child selector, because I have lot of other columns. This is just a sample code. I need to hide it using class name remRef.
  
  – Niby
  Mar 8 at 9:52
  

  
  
  
  

add a comment | 

Please check below example. hope this helps!

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

share|improve this answer

answered Mar 8 at 9:49

user10936942user10936942

1311

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

table tr:first-child 
 display: none;
 

<table width="200" border="1">
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link1</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link2</a></td>
 </tr>
 <tr>
 <td><a href="javascript:void(0);" class="remRef">link3</a></td>
 </tr>
 </table>

share|improve this answer

answered Mar 8 at 9:49

user10936942user10936942

1311

answered Mar 8 at 9:49

user10936942user10936942

1311

answered Mar 8 at 9:49

user10936942user10936942

1311