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.

Caption

dhtable1	Inside caption 1 Inside table 1
dhtable2	Inside caption 2 Inside table 2

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

class="wikitable"

wikitable1	Inside caption 1 Inside table 1
wikitable2	Inside caption 2 Inside table 2
wikitable3

class="dgwikitable"

dgwikitable1	Inside caption 1 Inside table 1
dgwikitable2	Inside caption 2 Inside table 2
dgwikitable3

class="dgwikitable" border="1"

dgwikitable1	Inside caption 1 Inside table 1
dgwikitable2	Inside caption 2 Inside table 2
dgwikitable3

class="dg2wikitable"

dg2wikitable1	Inside caption 1 Inside table 1
dg2wikitable2	Inside caption 2 Inside table 2
dg2wikitable3