Home/ Questions/Q 8335875
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T03:48:29+00:00

why does row 2 Test 2 get overridden with orange? <head runat=server> <title></title> <style

  • 0

why does row 2 “Test 2” get overridden with orange?

<head runat="server">
    <title></title>
    <style type="text/css">
        td
        {
            color: white;
        }
        .testclass td
        {
            background-color: Orange;
        }
    </style>
    <link href="StyleSheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table>
            <tr class="testclass">
                <td style="background-color: Blue">
                    Test 1
                </td>
            </tr>
            <tr class="testclass">
                <td bgcolor="fushcia">
                    Test 2
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    bgcolor is a presentational HTML attribute. It will always be overridden by any actual CSS style declarations.

    This is mentioned in the spec:

    The UA may choose to honor presentational attributes in an HTML source document. If so, these attributes are translated to the corresponding CSS rules with specificity equal to 0, and are treated as if they were inserted at the start of the author style sheet.

    In plain English, this means presentational attributes have almost no meaning, and are even more brittle than styles in a * rule in an author stylesheet (which also has zero specificity).

    • 0