quiz 3 – Theme emulsion

ボタン要素に、ツールチップを表示したい場合どうしますか？

もし、特定のテンプレートの投稿タイトルに異なるスタイルを適用したい場合はどうしますか？

以下のようなスタイルは、どこに記述するべきでしょうか？

.single-post{
    .wp-block-post-title{
        color:red;
        a{
            color:red;
        }
    }
}

ブロックのグローバルスタイルに記述しようとしても、反映しません。

このようなスタイルは、追加CSSでないと有効にならない。
グローバルブロックスタイルは、セレクターが固定なので:root :where(block名)としてスタイルが定義されるため、特定のテンプレートを指定するクラス(上記の場合、single-postクラス）は記述できません。

例えばカスタムクラス、例えば、custom-color-red を定義してグローバルブロックスタイルに追加したいと思うかもしれませんが、このような指定は、有効なCSSとしてパースされないので、ブロックグローバルスタイルには追加できません。

&.custom-color-red{
        color:red;
        a{
            color:red;
        }
}

結局、ブロックのスタイルを一つの場所で管理したほうが、後々わかりやすいといった理由で、ブロックグローバルスタイルに、テンプレート依存のスタイルを記述する方法は今のところ見つかりません。

グリッドレイアウトの見栄えの調整