debugCSS : (X)HTML debugging tool built with CSS

debugCSS is meant to be loaded on an existing page to highlight potentially broken, malformed or legacy (X)HTML.

Not all "errors" are created equally, so they are color coded to highlight severity. Green is "probably not a big problem", yellow is "worth looking at" and red is "you really should fix this."

Click and drag the link below to your bookmark toolbar to install - or right click "Bookmark This Link".

debugCSS

Get the source code on GitHub : imbrianj/debugCSS

• table[summary]

  Table Caption

  I'm	a	table
  has	table	summary
  please	test	me.

• table:not([caption])

  I'm	a	table
  no	table	caption
  please	test	me.

• table > tr

  Note: this test may always pass as most browsers seem to automatically insert a tbody.

  Table Caption

  no	table	body
  please	test	me.

• table th:not([scope])

  Table Caption

  I'm	a	table
  no	tr	scope
  please	test	me.

• table thead td

  Table Caption

  I'm	a	table
  td	in	thead
  please	test	me.

• table > colgroup ~ caption

  Caption after colgroup

  caption	after	colgroup
  please	test	me.

• table > thead ~ colgroup

  Table Caption

  I'm	a	table
  colgroup	after	thead
  please	test	me.

• table > tfoot ~ colgroup

  Table Caption

  I'm	a	table
  colgroup	after	tfoot
  please	test	me.

• table > tbody ~ colgroup

  Table Caption

  colgroup	after	tbody
  please	test	me.

• table > thead ~ caption

  My table caption

  I'm	a	table
  caption	after	thead
  please	test	me.

• table > tfoot ~ caption

  My table caption

  caption	after	tfoot
  please	test	me.

• table > tbody ~ caption

  My table caption

  I'm	a	table
  caption	after	tbody
  please	test	me.

• table > tfoot ~ thead

  Table Caption

  I'm	a	table
  thead	after	tfoot
  please	test	me.

• table > tbody ~ tfoot

  Table Caption

  I'm	a	table
  tfoot	after	tbody
  please	test	me.
  tfoot	should come before	tbody

• table > tbody ~ thead

  Table Caption

  thead	after	tbody
  please	test	me.
  thead	should come before	tbody

• table > tbody:first-child

  I'm	a	table
  no	thead	tfoot
  please	test	me.

• table > tr:first-child:last-child

  Only one

  tr

  in a table

• table > tbody > tr:first-child:last-child

  I'm	a	table
  Only one	tr	in a tbody

• table > *:not(thead):not(tfoot):not(tbody):not(tr):not(colgroup):not(caption)

  Note: this test may always pass as most browsers seem to move the non-valid tags outside the table element.

  This header doesn't belong here

  Table Caption

  I'm	a	table
  non-valid tag	as child	of table
  please	test	me.

• colgroup *:not(col)

  This doesn't belong here

  Table Caption

  I'm	a	table
  colgroup	with	invalid
  please	test	me.

• table[align]

  Table Caption

  I'm	a	table
  with	inline	styles
  please	test	me.

• table[bgcolor]

  Table Caption

  I'm	a	table
  with	inline	styles
  please	test	me.

• table[border]

  Table Caption

  I'm	a	table
  with	inline	styles
  please	test	me.

• table[cellpadding]

  Table Caption

  I'm	a	table
  with	inline	styles
  please	test	me.

• table[cellspacing]

  Table Caption

  I'm	a	table
  with	inline	styles
  please	test	me.

• table[width]

  Table Caption

  I'm	a	table
  with	inline	styles
  please	test	me.