How to style specific a tag

Question

I have a lot of links look something like this: ``` Youtube Pinterest Facebook Youtube Pinterest ``` How can I style only the hyperlinks that will be linked to `pinterest`. I tried this: ``` $('a').attr('href').contains('pinterest').css('Styling here'); ``` But it does not work. How to achieve it?

Accepted Answer

You can use attribute contains selector:

```
$('a[href*="pinterest"]').css('color','DeepSkyBlue');
```

or better just need pure css:

```
a[href*="pinterest"] {  
    color: DeepSkyBlue;
} 
```

Fiddle

How to style specific a tag

Solution

Problem