Some css styles cannot be isolated from Quarto's default settings

[AlbertRapp]

Description

As discussed in #1113 some css styles are not isolated from Quarto's defaults even when using as_raw_html(). I think this mainly relates to styles that are inherited from body. Some styles can be isolated from Quarto's defaults by wrapping the code chunk in a div with style="all:initial;".

Reproducible example

Multiple examples documented at https://guileless-mousse-1c0b8b.netlify.app/ (in a Quarto book to see effects).

[rich-iannone]

Thanks for filing this issue! Will work with the Quarto team to improve this aspect of gt.

[AlbertRapp]

Got some news on this one. The problem with the line-styles shows some interesting results when using opt_stylize(style = 3).
Row groups seem to use the intended style but the regular data cells do not (dashed lines in this case).

library(gt)
tbl <- gtcars |> 
  dplyr::count(mfr, sort = TRUE) |> 
  dplyr::slice(1:5) |> 
  gt(id = 'my_tbl', rowname_col = 'mfr') |> 
  opt_stylize(style = 3) |> 
  cols_label(n = 'Number of cars') 

tbl |> as_raw_html()

In any case, this is fixable with changing the CSS of thead, tbody, tfoot, tr, td, th. My guess is that these tags are not targeted in as_raw_html()?

tbl |> 
  opt_css('
   #my_tbl thead, tbody, tfoot, tr, td, th {
      border-style: none;
    }
   ') |> 
  as_raw_html()