User:Davidgothberg/Test31

Testing child selecting and specificity

The test below works in my Firefox 2 and my Opera 9. But doesn't work in my Internet Explorer 5.5. It is valid CSS 2.1. I would like to know if it works in IE 6 and up, and if it works in Safari.

To run this test you need to copy the CSS code here to your monobook.css, then wait a minute and then purge your browser cache and then reload this page.

table.dhtable > * > * > th,
table.dhtable > * > * > td {
    border: 1px #000 solid;
}
table.dhtable > caption {
    border: 1px #F00 solid;
}

In the table below you are supposed to see an outer caption with red border (looks like a red box on top), and the inner captions with no border. You are supposed to see four black boxes, and no inner boxes.

More information dhtable1, Inside caption 1 Inside table 1 ...

Caption

dhtable1

Inside caption 1
Inside table 1

dhtable2

Inside caption 2
Inside table 2

Close

David testing more

Note: These are mostly broken, don't bother about them.

datable

Inside table

dbtable

Inside table

dctable

Inside table

ddtable

Inside table

detable

Inside table

dftable

Inside table

dgtable

Inside table

More information wikitable1, Inside caption 1 Inside table 1 ...

class="wikitable"

wikitable1

Inside caption 1
Inside table 1

wikitable2

Inside caption 2
Inside table 2

wikitable3

Close

More information dgwikitable1, Inside caption 1 Inside table 1 ...

class="dgwikitable"

dgwikitable1

Inside caption 1
Inside table 1

dgwikitable2

Inside caption 2
Inside table 2

dgwikitable3

Close

More information dgwikitable1, Inside caption 1 Inside table 1 ...

class="dgwikitable" border="1"

dgwikitable1

Inside caption 1
Inside table 1

dgwikitable2

Inside caption 2
Inside table 2

dgwikitable3

Close

More information dg2wikitable1, Inside caption 1 Inside table 1 ...

class="dg2wikitable"

dg2wikitable1

Inside caption 1
Inside table 1

dg2wikitable2

Inside caption 2
Inside table 2

dg2wikitable3

Close

Related Articles