ansaurus

Question

CSS: Can I select every type of element that are not within a specific class?

Answer 1

+2 A:

What if you did something like this:

h1 { /* rules for everything without the class */ }
h1.class { /* rules for everything with the class */ }

In h1.class you would override everything that you defined in your h1 rule.

Here is an example:

<html>
    <head>
        <style type="text/css">
                div { color:#00f; }
                div.foo { color:#f00; }
        </style>
    </head>
    <body>
        <div class="foo">foo</div>
        <div>bar</div>
        <div>baz</div>
    </body>
</html>

In this example I have effectively targeted all divs that do not have a class of foo.

Andrew Hare 2009-06-17 19:35:40

That's not possible with my current solution. I can't change the HTML-code since it's loaded with a Javascript from an external server, so I can't set a class on the headings.

Zyberzero 2009-06-17 20:00:14

I edited my answer to remove the classes on the example. You will not need to change the HTML at all as the first rule will set the style for _all_ elements and the second rule will only apply to the one with the class you want to exclude.

Andrew Hare 2009-06-17 20:10:30

Answer 2

A:

You can use the universal selector * to apply global styling and then apply a nested universal selector: .wrapper * to undo the styling you applied originally

* {font-weight:bold; border:thin solid red;}

.wrapper * {font-weight:normal; border: 0px solid white;}

James Conigliaro 2009-06-17 19:39:30

The thing is I'm going to use this selector thing as an input to a javascript which sort of understands css selectors - but not those nested variants. It must be a "one-row" thing

Zyberzero 2009-06-17 20:04:25

"sort of understands css selectors" suggests jQuery. You can certainly add classes target parents, etc. in jQuery.

Steve Perks 2009-06-17 20:21:44

It's actually a sIFR implentation I'm doing combined with a Rich Text editor. The rich text editor is within a specific div that contains elements of the type h2 and h3 and for those I don't want sIFR to replace the text but on every other occurring element of that type.

Zyberzero 2009-06-17 21:08:58

Answer 3

A:

You can't do what you're asking with css. The whole idea around css is the cascade, and what you're wanting to do is work against the flow of the cascade.

Work with the tide do regular css:

h1 {style definitions}
.wrapper h1 {style definitions}

Steve Perks 2009-06-17 20:20:12

ansaurus

tags:

views:

answers:

CSS: Can I select every type of element that are not within a specific class?

related questions