nth-child(odd) and background: not rendering properly

#27184

Since upgrading to v3.106 from 3.96, certain css selectors are no longer working:

td:nth-child(odd) {text-align:right;width:50%}

Also the shortened background notation is not honoring the positioning:

background:#fff url(http://....../title_background.jpg) no-repeat -875px -700px;

I need to add background-position in order for the coordinates to position properly.

There are other issues I am currently identifying.

Is there something I am missing with the upgrade?

#30135

Hmm… v396 is based on old limited CSS runtime, v3106 uses an improved CSS cascading engine. We’ll address the issue this week. Probably we’ll request you for some additional information.

#30136

Here is a simplified example:

<style><br /> .tableProgramOverview {width:100%;}<br /> .tableProgramOverview tr td {vertical-align:top;padding:10px 3px;border:1px solid #ddd}<br /> .tableProgramOverview tr td:nth-child(even) {width:60%}<br /> .tableProgramOverview tr td:nth-child(odd) {padding-left:25px;width:40%;font-weight:bold}<br /> </style><br /> <table class="tableProgramOverview"><br /> <tr><br /> <td><br /> column 1<br /> </td><br /> <td><br /> column 2<br /> </td><br /> </tr><br /> </table>

The (odd) selector is actually being applied to the 2nd td.

When using nth-child(1) and nth-child(2), things render correctly:

<style><br /> .tableProgramOverview {width:100%;}<br /> .tableProgramOverview tr td {vertical-align:top;padding:10px 3px;border:1px solid #ddd}<br /> .tableProgramOverview tr td:nth-child(2) {width:60%}<br /> .tableProgramOverview tr td:nth-child(1) {padding-left:25px;width:40%;font-weight:bold}<br /> </style><br /> <table class="tableProgramOverview"><br /> <tr><br /> <td><br /> column 1<br /> </td><br /> <td><br /> column 2<br /> </td><br /> </tr><br /> </table>

[Author]

Posts