245598 - Child Selector CSS doesn't work when table tag is used as one of the parents

Status: RESOLVED INVALID

(Core :: Layout: Tables, defect)

Description

[u17865]

User-Agent:       Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a2) Gecko/20040601 Firefox/0.8.0+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a2) Gecko/20040601 Firefox/0.8.0+

When using the CSS child selector, and placing "table" in as one of the parents
(like so: "table > tr {}"), the css attributes do not get applied.

Reproducible: Always
Steps to Reproduce:

Comment 1

[u17865]

Attachment: Testcase demonstrating issue

This testcase creates a simple table with one cell.

It then applies the following style information:
table > tr > td {
  background-color:red;
}

Actual results:
The background of the cell remains white (the default page background color)

Expected results:
The background of the cell should turn red.

Note: I am not sure if there is any W3C spec that says tables should act
differently; so... I am guessing that this could be a bug.

Comment 2

[David Baron :dbaron: (⌚️UTC-5, no longer working on Mozilla)]

There's a TBODY in there whether you write it or not.  See the HTML 4.01 spec.

Comment 3

[u17865]

Attachment: Testcase demonstrating issue

This new testcase shows that it works when table is not a parent, but is a
child.	For example, "div > table {}" works, but "table > tr {}" and "div >
table > tr {}" does not.

I am not sure if it is a problem with table being a parent or with the table>tr
relationship.  Note that "table tr {}" works.  Is there something in the W3C
specs that state that tr is not a child of table?

Comment 4

[u17865]

(In reply to comment #2)
> There's a TBODY in there whether you write it or not.  See the HTML 4.01 spec.
Thank you for the information.  That answers my question.