![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Why did default CSS behavior for a nested/child element change from "initial" to "inherit" after update?
I updated from version 106 to version 118.0.2, then to 119.0.1. The last to updates made a local HTML page behave differently than before.
The problem is this: the "inside text" below was not(!) bold before the update, I suppose the containing element of the text defaulted to "initial," but began to default to "inherit" after the update.
This is HTML:
<TABLE> <TR> <TD class="group"> outside text <TABLE> <TR> <TD> inside text </TD> </TR> </TABLE> </TD> </TR> </TABLE>
This is external CSS linked to the page:
TD.group { font-weight:bold; }
So I added "TD.group TABLE{font-weight:initial;}" to the CSS to make it work as expected/before.
I wonder why this change was made by the developers, Did I miss any changes made to HTML/CSS specification?
Thank you
由cor-el于
被采纳的解决方案
OK, I forgot to test with <!DOCTYPE> html and in that case the inside text is bold. I think that this always has been the case.
data:text/html;charset=utf-8;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHN0eWxlPnRkLmdyb3Vwe2ZvbnQtd2VpZ2h0OmJvbGR9PC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KPFRBQkxFPgogICAgPFRSPgogICAgICA8VEQgY2xhc3M9Imdyb3VwIj4KICAgICAgICBvdXRzaWRlIHRleHQKICAgICAgICA8VEFCTEU+CiAgICAgICAgICA8VFI+CiAgICAgICAgICAgIDxURD4KICAgICAgICAgICAgICBpbnNpZGUgdGV4dAogICAgICAgICAgICA8L1REPgogICAgICAgICAgPC9UUj4KICAgICAgICA8L1RBQkxFPgogICAgICA8L1REPgogICAgPC9UUj4KICA8L1RBQkxFPgo8L2JvZHk+CjwvaHRtbD4=
所有回复 (4)
You can run mozregression between versions 106 and 119 to find the change responsible.
Seems to work fine for me.
data:text/html;charset=utf-8;base64,PHN0eWxlPiB0ZC5ncm91cHtmb250LXdlaWdodDpib2xkfSA8L3N0eWxlPgo8VEFCTEU+CiAgICA8VFI+CiAgICAgIDxURCBjbGFzcz0iZ3JvdXAiPgogICAgICAgIG91dHNpZGUgdGV4dAogICAgICAgIDxUQUJMRT4KICAgICAgICAgIDxUUj4KICAgICAgICAgICAgPFREPgogICAgICAgICAgICAgIGluc2lkZSB0ZXh0CiAgICAgICAgICAgIDwvVEQ+CiAgICAgICAgICA8L1RSPgogICAgICAgIDwvVEFCTEU+CiAgICAgIDwvVEQ+CiAgICA8L1RSPgogIDwvVEFCTEU+
选择的解决方案
OK, I forgot to test with <!DOCTYPE> html and in that case the inside text is bold. I think that this always has been the case.
data:text/html;charset=utf-8;base64,PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KPHN0eWxlPnRkLmdyb3Vwe2ZvbnQtd2VpZ2h0OmJvbGR9PC9zdHlsZT4KPC9oZWFkPgo8Ym9keT4KPFRBQkxFPgogICAgPFRSPgogICAgICA8VEQgY2xhc3M9Imdyb3VwIj4KICAgICAgICBvdXRzaWRlIHRleHQKICAgICAgICA8VEFCTEU+CiAgICAgICAgICA8VFI+CiAgICAgICAgICAgIDxURD4KICAgICAgICAgICAgICBpbnNpZGUgdGV4dAogICAgICAgICAgICA8L1REPgogICAgICAgICAgPC9UUj4KICAgICAgICA8L1RBQkxFPgogICAgICA8L1REPgogICAgPC9UUj4KICA8L1RBQkxFPgo8L2JvZHk+CjwvaHRtbD4=
zeroknight, cor-el, thank you for responding.
cor-el, removing the DOCTYPE did it. I must've added it to the page at some point to avoid Firefox generating the warning and never thought of testing it (due to being absolutely sure that it won't break anything). Thank you.