Table striped row color setting for included elements - Bootstrap version 5.1.1 vs. 5.1.3
Created by: ZeEmEs
Prerequisites
-
I have searched for duplicate or closed issues -
I have validated any HTML to avoid common problems -
I have read the contributing guidelines
Describe the issue
Up to version 5.1.1 it was this in the stylesheet
.table-striped > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }
from 5.1.2 on it is
.table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }
Now all child elements get a color. Often enough this color setting overrides the one given to the element. Is there a special reason for the change? Now it's more difficult setting ones own colors for the elements in a table row. And Bootstrap is more opinionated in regard to the color setting in table row.
Btw. same applies to the setting for the .table-hover > tbody > tr:hover
vs. .table-hover > tbody > tr:hover > *
Reduced test cases
see description
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
No response
What version of Bootstrap are you using?
5.1.1 vs. 5.1.3