How can I create a CSS selector for both class and attribute value?

Question

How do I define a CSS style applying to this link with class="disney" and target="_blank"?

  <a class="disney" href="http://www.disney.com" target="_blank">disney.com</a>

Krzysztof · Accepted Answer · 2013-12-10 14:12:56Z

9

You can try that:

.disney[target="_blank"] {
    color: red;
}

Fiddle: http://jsfiddle.net/4dW2p/

answered Dec 10, 2013 at 14:12

Krzysztof

16.2k2 gold badges52 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

mjgirl Over a year ago

No need to judge each other language skills I think.It does not say that it needs to be targeted in css. However this does not work if you have style selector a[target="_blank" aswell. How to overwrite that?

Krzysztof Over a year ago

It works - example: jsfiddle.net/4dW2p/1 You can try adding !important to example color: red !important if you have problem.

Chowlett · Accepted Answer · 2013-12-10 14:15:26Z

2

The following selector should do it:

a.disney[target="_blank"] {
  /* your styles here */
}

Support is basically universal by now - all the major browsers have supported it for a long time. See the MDN documentation.

answered Dec 10, 2013 at 14:15

Chowlett

47k21 gold badges119 silver badges153 bronze badges

Collectives™ on Stack Overflow

How can I create a CSS selector for both class and attribute value?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related