凍結
0 Anonymous Chrome
小説機能のページリストレイアウト編集から

<a href="#page_url#">#page_title#</a>

↑ここにclass属性を使い

<a href="#page_url#" class="link">#page_title#</a>

としたうえでhtml編集で

.link a{
background: #95C8A6!;
color:#F55C8F;
}

と書いたのですがcssが反映しません。
どうすればいいのか八方ふさがりです。
上のcss のみで他は一切指定しない状態でも反映してくれませんでした。
09/18 18:15
返信
コメント投稿 検索
3 0です Chrome
>>しち様
回答ありがとうございます。しち様のおっしゃる通りに、
.link aをa.linkに替えてcssを改めて書き直したところ思うように反映しました。
リンク先も参考させていただきます。
09/21 16:18
返信
2 しち SOG03
>>0
CSSが反映されないのは、セレクタの書き方に誤りがあるためです。
現状のHTML(ページリストレイアウト編集)でしたら、セレクタは「 .link a 」ではなく、
「 a.link 」と書く必要があります。
━━━━━━━━━━

a.link{
background:#95C8A6;
color:#F55C8F;
}

━━━━━━━━━━
▼参考
スタイルシート[CSS]/CSSの基本/クラス名を使った指定 - TAG index


上記のように「 a.link 」と書けば、
『a要素のうち、“link”のclass名が付与されているもの』
のスタイルを指定できます。



もし上記で文字色等が変わらなければ、他のスタイル指定と競合した結果打ち消された、といったことが考えられます。
▼参考
【CSS】colorが効かない/文字色が変わらない原因と修正方法

【CSS】colorが効かない/文字色が変わらない原因と修正方法

CSS colorが効かない/文字色が変わらない原因と修正方法を解説します。

csshtml.work


この場合はCSS全体を見直して、適切なセレクタや記述位置に修正する必要があるかもしれません。
09/18 23:30
返信
1 記入ミスしました Chrome
#誤
.link a{
background: #95C8A6!;
color:#F55C8F;
}

#正
.link a{
background: #95C8A6;
color:#F55C8F;
}

です。
!は記入ミスです。申し訳ありません。
09/18 18:18
返信