Hide The Second Element Within A Class

If so you could try .fileactions > a:nth-of-type(2) instead, or even better, select based on the data attribute:

.fileactions > a[data-action="Share"] {
    display:none;
}

Solution 2:

You can also try the following

.fileactionsa + a { display:none; }

Solution 3:

.fileactions > a[data-action="Share"] {
  display: none;
  !important;
}

It will not work !Why? Because .fileactions>a[data-action="share"] will find the first a tag within the .fileactions class. This is called child combinator one of four combinator of css.

Use this to get the desire result

.fileactions > a:nth-child(2) {
  display: none;
}

or use attribute selector to match the condition

[data-action="Share"] {
    display:none;
}

Solution 4:

for me

.fileactionsa:nth-child(2){

 display:none;

}

is working fine, you could also try:

.fileactionsa[data-action="Share"]{

 display:none;

}

Solution 5:

Why don't you try an attribute based selector?

.fileactions[data-action="Share"]{
  display: none;
 }