2019年07月29日■■Shortcodes Ultimate クラス分け
クラス名 iti
クラス名 ni
上のアコーディオン(クラス名 iti)だけにCSSを適用したい場合
デフォルトのクラス名 の前に「自分で付けた任意のクラス名」→ 「iti」 を書き 半角スペースで区切る
元→ .su-spoiler-style-fancy > .su-spoiler-title
修正→ .iti .su-spoiler-style-fancy > .su-spoiler-title
今回、適用したCSSは 以下の通り
.iti .su-spoiler-style-fancy > .su-spoiler-title {
border-bottom: 1px solid #ccc;
border-radius: 10px;
background: #dda673;
font-size: 2.5em;
}
.ni .su-spoiler-style-fancy > .su-spoiler-title {
border-bottom: 1px solid #ccc;
border-radius: 20px;
background: #b57676;
font-size: 1em;
}