ドロップダウンウィジェットの（CSS）スタイルバリアントを作成して、そのリスト行をターゲットにする方法はありますか？

Question

というタイトルで、私はドロップダウンウィジェットのための 'コンパクト'スタイルのバリアントを作成する必要があります。しかし、私はそれを使ってドロップダウンアイテム（行）をどのようにターゲットにするのか分かりません。 これは、すべてのドロップダウンをターゲットに動作します：

.app-Dropdown-Item { 
    padding: 0px !important; 
} 

は、ここで私は、特定のウィジェットをターゲットにするスタイルのバリアントでそれを行うために試みた方法は次のとおりです。

.app-Dropdown--Compact .app-Dropdown-Item { 
    padding: 0px !important; 
} 

これは同様に、前に私のために働いていますタブ・ウィジェットのヘッダーに：

.app-Tabs--RedBg .app-Tabs-Header { 
    background-color: red; 
    color: white; 
} 

私はそれがリスト項目は、ドロップダウンウィジェットの即時ないサブ項目であることとは何かを持っている可能性が疑われるだろうが、私はよく分かりません。

ありがとうございました！

Answer 1

この時点でドロップダウン項目のカスタムスタイル変異体を作成することはできませんように見えます...だから、唯一の方法は、スタイルドロップダウン項目に個別に特定のドロップダウンリストのスタイルを作成することです：

.app-PageName-DropdownName-List > .app-Dropdown-Item { 
    padding: 0px; /* it seems that this rule works without !important */ 
}