I'm using tablesorter for styling a table, in the table I also have a nested table which I would like to style differently, but the tablesorter classes and styles override mine.
Is there a way to prevent nested tables from inheriting the table sorter styles?
You might need to modify the css to add css child selectors between every element as you travel down the DOM tree... this makes the definition very specific about which table elements are to be styled.
For example, if your outer table has an ID of "outer", then this css will only style the outer table:
/* header cells */
#outer > thead > tr > th { background: blue; color: white; }
/* zebra striping */
#outer > tbody > tr { background: white; }
#outer > tbody > tr:nth-child(2n) { background: lightblue; }
The nested tables will not be styled by the above css (unless they are left unstyled). You will then need to follow this same pattern to style the nested tables with their own specific ID or class and child selectors between each element.