On Thu, May 21, 2020 at 5:51 PM Larry Martell <larry.mart...@gmail.com>
wrote:
> I have some CSS that looks like this, and I want to change it so that
> it is not applied to td's that have the class 'chosen', but I cannot
> figure out the correct syntax.
>
> For a simple case this works:
>
> table:not(.chosen) {color:red;}
>
> But for complex ones as below how do i specifhy that?
>
>
>
> .tablesorter-blue tbody > tr.hover > td,
> .tablesorter-blue tbody > tr:hover > td,
> .tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow > td,
> .tablesorter-blue tbody > tr:hover + tr.tablesorter-childRow +
> tr.tablesorter-childRow > td,
> .tablesorter-blue tbody > tr.even.hover > td,
> .tablesorter-blue tbody > tr.even:hover > td,
> .tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow > td,
> .tablesorter-blue tbody > tr.even:hover + tr.tablesorter-childRow +
> tr.tablesorter-childRow > td {
> background-color: #d9d9d9 !important;
> }
>
> .tablesorter-blue tbody > tr.odd.hover > td,
> .tablesorter-blue tbody > tr.odd:hover > td,
> .tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow > td,
> .tablesorter-blue tbody > tr.odd:hover + tr.tablesorter-childRow +
> tr.tablesorter-childRow > td {
> background-color: #bfbfbf;
> }
>
I’ve not had success with complicated selection using :not() as well. Might
be better off using the cascade and over writing with the changes. Maybe?
>
> --
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
