Vaadin 24.2.1 Grid FooterRow样式失效，求正确CSS选择器方案

问题原因 #

你遇到的字体样式失效问题，是因为Vaadin Grid的footer单元格（footer-cell）内部的文本默认被<span>元素包裹，这个子元素的默认字体样式优先级高于直接设置在footer-cell上的样式，导致字体设置被覆盖；而背景色是直接作用在单元格容器上，所以能正常生效。

正确的CSS样式写法 #

需要通过::slotted()选择器穿透到footer单元格内部的文本元素，或者直接选中内部的span来设置字体样式：

vaadin-grid::part(footer-cell) ::slotted(span) {
    font-weight: bold;
    font-size: 18px;
}

也可以用更简洁的写法（确认内部文本仅由span包裹时适用）：

vaadin-grid::part(footer-cell) span {
    font-weight: bold;
    font-size: 18px;
}

补充说明 #

使用vaadin-grid::part(last-row-cell)时样式生效，是因为该选择器对应的单元格元素内部样式优先级逻辑不同，不过针对footer的专属样式，还是推荐上述针对footer-cell的穿透写法，避免误影响其他行的单元格。

内容的提问来源于stack exchange，提问作者Florian