Ggtcf

Multi tool use

Why Were Madagascar and New Zealand Discovered So Late?

What's the purpose of "true" in bash "if sudo true; then"

At which point does a character regain all their Hit Dice?

Print name if parameter passed to function

Finding all intervals that match predicate in vector

How does residential electricity work?

How can a jailer prevent the Forge Cleric's Artisan's Blessing from being used?

Opposite of a diet

How can I replace every global instance of "x[2]" with "x_2"

Trouble understanding overseas colleagues

Ways to speed up user implemented RK4

Hide Select Output from T-SQL

Your magic is very sketchy

apt-get update is failing in debian

Go Pregnant or Go Home

What is difference between behavior and behaviour

How does it work when somebody invests in my business?

Implement the Thanos sorting algorithm

Is it correct to write "is not focus on"?

Confused about a passage in Harry Potter y la piedra filosofal

Lay out the Carpet

How do I define a right arrow with bar in LaTeX?

Can I Retrieve Email Addresses from BCC?

Mapping a list into a phase plot

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

What does the “~” (tilde/squiggle/twiddle) CSS selector mean?Can I combine :nth-child() or :nth-of-type() with an arbitrary selector?CSS3's border-radius property and border-collapse:collapse don't mix. How can I use border-radius to create a collapsed table with rounded corners?CSS selector for first element with classCSS Remove or rename a class on first-childHow to show the first N elements of a block and hide the others in css?first-child pseudo class not working for <a> tagBootstrap - Text-align class for inside tableHow can I define first and last classes inside another class?How to hide divs when resizing child divs inside a parent divCannot display HTML stringHow to hide a row if checkbox is not selected inside html table?

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

1,84431123

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

1,84431123

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

1,84431123

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

1,84431123

asked Mar 8 at 9:45

NibyNiby

54114

share|improve this question

edited Mar 8 at 9:50

Mukyuu

1,84431123

asked Mar 8 at 9:45

NibyNiby

54114

edited Mar 8 at 9:50

Mukyuu

1,84431123

edited Mar 8 at 9:50

Mukyuu

1,84431123

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