How to Style Specific Rel Link with CSS

398 Views Asked by At

I have a website where there is a table which lists my posts, and the categories are displayed next to them. I want to "display:none" on all the categories except one. The issue is they are all specific to a "rel" link. Let me show you an example of the code:

<table>
<td class="col-categories">
<a href="example.org" rel="category tag">No Limit</a>
</td>
</table>

So basically I'm trying to be able to grab that specific "No Limit" label in the CSS. This is as far as I got, but as of right now it's grabbing all the "rel" links, and I can't get it more specific.

td.col-categories a[rel="category tag"] {display:none;}
0

There are 0 best solutions below