The [negation pseudo-class][1] seems to be what you are looking for.

    table:not(.dojoxGrid) {color:red;}

[It&#39;s not supported by ≤ IE8 though][2].


  [1]: http://www.w3.org/TR/css3-selectors/#negation
  [2]: http://caniuse.com/#feat=css-sel3

Wouldn&#39;t setting a css rule for all tables, and then a subsequent one for tables where class=&quot;dojoxGrid&quot; work? Or am I missing something?

The safest bet is to create a class on those tables and use that. Currently getting something like this to work in all major browsers is unlikely.

Compare these 2 queries. Is it faster to put the filter on the join criteria or in the `WHERE` clause. I have always felt that it is faster on the join criteria because it reduces the result set at the soonest possible moment, but I don&#39;t know for sure.

I&#39;m going to build some tests to see, but I also wanted to get opinions on which would is clearer to read as well.

**Query 1**

    SELECT      *
    FROM        TableA a
    INNER JOIN  TableXRef x
            ON  a.ID = x.TableAID
    INNER JOIN  TableB b
            ON  x.TableBID = b.ID
    WHERE       a.ID = 1            /* &lt;-- Filter here? */

**Query 2**

    SELECT      *
    FROM        TableA a
    INNER JOIN  TableXRef x
            ON  a.ID = x.TableAID
            AND a.ID = 1            /* &lt;-- Or filter here? */
    INNER JOIN  TableB b
            ON  x.TableBID = b.ID


**EDIT**

I ran some tests and the results show that it is actually very close, but the `WHERE` clause is actually slightly faster! =)

I absolutely agree that it makes more sense to apply the filter on the `WHERE` clause, I was just curious as to the performance implications.

**ELAPSED TIME WHERE CRITERIA:** 143016 ms  
**ELAPSED TIME JOIN CRITERIA:** 143256 ms

**TEST**

    SET NOCOUNT ON;

    DECLARE @num    INT,
            @iter   INT

    SELECT  @num    = 1000, -- Number of records in TableA and TableB, the cross table is populated with a CROSS JOIN from A to B
            @iter   = 1000  -- Number of select iterations to perform

    DECLARE @a TABLE (
            id INT
    )

    DECLARE @b TABLE (
            id INT
    )

    DECLARE @x TABLE (
            aid INT,
            bid INT
    )

    DECLARE @num_curr INT
    SELECT  @num_curr = 1
            
    WHILE (@num_curr &lt;= @num)
    BEGIN
        INSERT @a (id) SELECT @num_curr
        INSERT @b (id) SELECT @num_curr
        
        SELECT @num_curr = @num_curr + 1
    END

    INSERT      @x (aid, bid)
    SELECT      a.id,
                b.id
    FROM        @a a
    CROSS JOIN  @b b

    /*
        TEST
    */
    DECLARE @begin_where    DATETIME,
            @end_where      DATETIME,
            @count_where    INT,
            @begin_join     DATETIME,
            @end_join       DATETIME,
            @count_join     INT,
            @curr           INT,
            @aid            INT

    DECLARE @temp TABLE (
            curr    INT,
            aid     INT,
            bid     INT
    )

    DELETE FROM @temp

    SELECT  @curr   = 0,
            @aid    = 50

    SELECT  @begin_where = CURRENT_TIMESTAMP
    WHILE (@curr &lt; @iter)
    BEGIN
        INSERT      @temp (curr, aid, bid)
        SELECT      @curr,
                    aid,
                    bid
        FROM        @a a
        INNER JOIN  @x x
                ON  a.id = x.aid
        INNER JOIN  @b b
                ON  x.bid = b.id
        WHERE       a.id = @aid
            
        SELECT @curr = @curr + 1
    END
    SELECT  @end_where = CURRENT_TIMESTAMP
    
    SELECT  @count_where = COUNT(1) FROM @temp
    DELETE FROM @temp
    
    SELECT  @curr = 0
    SELECT  @begin_join = CURRENT_TIMESTAMP
    WHILE (@curr &lt; @iter)
    BEGIN
        INSERT      @temp (curr, aid, bid)
        SELECT      @curr,
                    aid,
                    bid
        FROM        @a a
        INNER JOIN  @x x
                ON  a.id = x.aid
                AND a.id = @aid
        INNER JOIN  @b b
                ON  x.bid = b.id
        
        SELECT @curr = @curr + 1
    END
    SELECT  @end_join = CURRENT_TIMESTAMP

    SELECT  @count_join = COUNT(1) FROM @temp
    DELETE FROM @temp

    SELECT  @count_where AS count_where,
            @count_join AS count_join,
            DATEDIFF(millisecond, @begin_where, @end_where) AS elapsed_where,
            DATEDIFF(millisecond, @begin_join, @end_join) AS elapsed_join


Which SQL query is faster? Filter on Join criteria or Where clause?

I was wondering how to initialise an integer array such that it&#39;s size and values change through out the execution of my program, any suggestions?

Variable length (Dynamic) Arrays in Java

I have created a CSS stylesheet for my project. Is there any way I can create a css rule that applies to all table elements EXCEPT table elements belonging to the class &quot;dojoxGrid&quot;? Something like:

&lt;!-- language: lang-css --&gt;

    .not(dojoxGrid) table{
        width:100%;
        border-top:1px solid #dddddd;
        border-left:1px solid #dddddd;
        border-right:1px solid #dddddd;
        margin:1em auto;
        border-collapse:collapse;
    }

How to create a css rule for all elements except one class?

I have created a CSS stylesheet for my project. Is there any way I can create a css rule that applies to all table elements EXCEPT table elements belonging to the class "dojoxGrid"? Something like:

<pre><code class="hljs language-css">.not(dojoxGrid) table{
 width:100%;
 border-top:1px solid #dddddd;
 border-left:1px solid #dddddd;
 border-right:1px solid #dddddd;
 margin:1em auto;
 border-collapse:collapse;
}
</code></pre>

Total noob question, but here.


CSS

    .product__specfield_8_arrow {
    
        /*background-image:url(../../upload/orng_bg_arrow.png);
        background-repeat:no-repeat;*/
        background-color:#fc0;
        width:50px !important;
        height:33px !important;
        border: 1px solid #dddddd;
        border-left:none;
        border-radius:5px;
        -moz-border-radius:5px;
        -webkit-border-radius:5px;
        border-bottom-left-radius:0px;
        border-top-left-radius:0px;
        -moz-border-radius-bottomleft:0px;
        -moz-border-radius-topleft:0px;
        -webkit-border-bottom-left-radius:0px;
        -webkit-border-top-left-radius:0px;
        margin:0;
        padding:2px;
        cursor:pointer;
    }​​​

HTML

    &lt;span class=&quot;product__specfield_8_arrow&quot;&gt;&amp;nbsp;&lt;/span&gt;​
[Fiddle][1]

Basically I&#39;m trying to emulate a button, make a span (or something) look like a button next to an input field that actually doesn&#39;t need to be one because of an auto fill generator that generates errors onEnter. Thought this&#39;d be a quick fix for now but obviously not.

Thanks.

  [1]: http://jsfiddle.net/fwbxU/

Does height and width not apply to span?

I would like to place my div below the list, but actually it is placed next to the list.The list is generated dynamically, so it doesn&#39;t have a fixed hight. I would like to have the map div on the right, and on the left (next to the map) the list placed on top and the second div below the list(but still on the right to the map)
 

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    #map { float:left; width:700px; height:500px; }
    #list { float:left; width:200px; background:#eee; list-style:none; padding:0; }
    #similar { float:left; width:200px; background:#000; } 

&lt;!-- language: lang-html --&gt;

    &lt;div id=&quot;map&quot;&gt;Lorem Ipsum&lt;/div&gt;        
    &lt;ul id=&quot;list&quot;&gt;&lt;li&gt;Dolor&lt;/li&gt;&lt;/li&gt;Sit&lt;/li&gt;&lt;li&gt;Amet&lt;/li&gt;&lt;/ul&gt;
    &lt;div id =&quot;similar&quot;&gt;
        this text should be below, not next to ul.
    &lt;/div&gt;

&lt;!-- end snippet --&gt;

Any ideas?

How to force div to appear below not next to another?

CSS isn&#39;t, insofar as I know, Turing complete.  But my knowledge of CSS is very limited.  

 - Is CSS Turing complete?
 - Are any of the existing draft or committees considering language features that might enable Turing completeness if it isn&#39;t right now?

Is CSS Turing complete?

Anyone know why CSS provides `color` for text, but does not have `font-color` or `text-color`?

Seems very counter-intuitive, kind of like `text-decoration: underline` rather than `font-style` or something related to fonts.

Does anyone know why/how the W3C came up with such a wide array of CSS names like this?

CSS &quot;color&quot; vs. &quot;font-color&quot;

How do I use CSS3 gradients for my `background-color` and then apply a `background-image` to apply some sort of light transparent texture?

How do I combine a background-image and CSS3 gradient on the same element?

I have a style rule I want to apply to a tag when it has **two** classes. Is there any way to perform this without JavaScript? In other words:

```lang-html
&lt;li class=&quot;left ui-class-selector&quot;&gt;
```

I want to apply my style rule *only* if the `li` has both `.left` and `.ui-class-selector` classes applied.

Select element based on multiple classes

How would I select all but the last child using CSS3 selectors?

For example, to get only the last child would be `div:nth-last-child(1)`.

How can I select all children of an element except the last child?



&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    label {
      display: block;
      width: 156px;
      cursor: pointer;
      padding-right: 6px;
      padding-bottom: 1px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;label for=&quot;email&quot;&gt;{t _your_email}:&lt;/label&gt;

&lt;!-- end snippet --&gt;

I wish to select the label based on the `&#39;for&#39;` attribute to make layout changes.

How to select label for=&quot;XYZ&quot; in CSS?

It bugs me that I can&#39;t just do `document.querySelectorAll(...).map(...)` even in Firefox 3.6, and I still can&#39;t find an answer, so I thought I&#39;d cross-post on SO the question from this blog:

http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/

Does anyone know of a technical reason why you don&#39;t get an Array?  Or why a StaticNodeList doesn&#39;t inherit from an Array in such a way that you could use `map`, `concat`, etc?

(BTW if it&#39;s just one function you want, you can do something like `NodeList.prototype.map = Array.prototype.map;`...but again, why is this functionality (intentionally?) blocked in the first place?)

Why does document.querySelectorAll return a StaticNodeList rather than a real Array?

I know that to filter an element with an atttribute called attrName which has value attrValue I do:

    filter(&quot;[attrName=&#39;attrValue&#39;]&quot;)

but looking at the docs http://api.jquery.com/category/selectors/ I can&#39;t see an option to select all elements s.t. attrName&gt;attrValue

Will this work

       filter(&quot;[attrName&gt;&#39;attrValue&#39;]&quot;)


Content Type	Original Author	Original Content on Stackoverflow
Question	Nick	View Question on Stackoverflow
Solution 1 - Css	Knu	View Answer on Stackoverflow
Solution 2 - Css	cori	View Answer on Stackoverflow
Solution 3 - Css	Joel	View Answer on Stackoverflow

How to create a css rule for all elements except one class?

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

Solution 3 - Css

Variable length (Dynamic) Arrays in Java

Which SQL query is faster? Filter on Join criteria or Where clause?

Attributions