CSSを画面に反映させる方法

CSSを画面に反映させる方法は2つ

今回の例では、
①画面にあるすべてのテーブルに対して反映
②1つのテーブル（設定した特定の要素）に対して反映

①HTMLタグをStyle Sheet Editorに追加する

画面にあるすべてのテーブルに対して反映

テーブルウィジェットを画面にドラッグした時のデフォルト

Style Sheet Editorを開く

"table｛｝"のようにHTMLタグを記載する

table {
    border-collapse: collapse;
    border: 2px solid cornflowerblue !important;
}

table th {
    border: 2px solid cornflowerblue;
}

table td{
    border: 2px solid cornflowerblue;
}

2つのテーブルの枠の色が変わりました

②クラスを定義する

設定した特定の要素に反映される

クラスを定義した上で、ウィジェットのPropertiesのAttributeのclassに.を除いた文字列を設定
①との違いは先頭に .があるかどうか

.table-container{
border-collapse: collapse;
border: 2px solid cornflowerblue 
}
.table-container th {
    border: 2px solid cornflowerblue;
}
.table-container td{
    border: 2px solid cornflowerblue;
}

上のテーブルの枠の色が変わりました