Apply CSS Style on all elements except with a SPECIFIC ID

by

Use the :not selector:

div:not(#bar){
    color:red;
}
<div>foo</div>
<div id="bar">bar</div>

Update : name instead of ID:

div:not([name="bar"]){
    color:red;
}
<div>foo</div>
<div name="bar">bar</div>

Update: CSS2 selector, similar answer to Tom Heard-s:

div{
    color:red;
}

div[name="bar"]{
    color:blue;
}
<div>foo</div>
<div name="bar">bar</div>

Also, see selectivizr

More Related Contents:

  1. Menu does not align correctly in Safari
  2. My inline-block elements are not lining up properly
  3. How can I select the last element with a specific class, not last child inside of parent?
  4. How to make CSS3 rounded corners hide overflow in Chrome/Opera
  5. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  6. How can I expand floated child div’s height to parent’s height?
  7. Minimum and maximum value of z-index?
  8. Adding HTML entities using CSS content
  9. How can I find an element by CSS class with XPath?
  10. Should I use px or rem value units in my CSS? [closed]
  11. Why media queries has less priority than no media queries css
  12. Flexbox fill available space vertically
  13. Outline radius?
  14. Easier way to create circle div than using an image?
  15. Customizing Increment Arrows on Input of Type Number Using CSS
  16. How can I make a display:flex container expand horizontally with its wrapped contents?
  17. CSS table-cell equal width
  18. Remove outline from select box in FF
  19. How to make div’s percentage width relative to parent div and not viewport
  20. Draw Circle using css alone [duplicate]
  21. Why my inline-block divs are not aligned when only one of them has text? [duplicate]
  22. Absolute position and Overflow:hidden
  23. How to insert spaces/tabs in text using HTML/CSS
  24. What is the ::content/::slotted pseudo-element and how does it work?
  25. How to remove/ignore :hover css style on touch devices
  26. How to center buttons in Twitter Bootstrap 3?
  27. How to get rid of x and up/down arrow elements of a input date?
  28. HTML CSS Invisible Button
  29. CSS After Element to insert mailto link?
  30. Which browsers support data URIs and since which version?

Leave a Comment