記事本文だけのリンクに下線をつけたい

私が書いているブログはPC用とスマホ用に分けてテンプレを試用しているのですが、スマホ用のCSSで、記事本文のリンクにだけ下線をつけたいのですが、どうやってもブログ全体（ブログタイトルや過去記事等も一緒に）下線がついてしまいます。

CSSの記述の中に「/* 記事本文・追記～」という部分があるのですが、この部分に「text-decoration: underline」みたいな記述を入れればいいのでしょうか。

No.3 回答者： admiral_ya 回答日時： 2020/03/17 17:53

CSS 86 行目でリンク (a タグ) のスタイルが飾り付けをしない (none) になっているんですね

これを
text-decoration: underline;
としてやれば、全てのリンクに下線が付きます
詳しくは
CSS text-decoration
でググれば他の方法も出てくるかと

全てでなく特定の場所だけだと、クラスや ID を使う必要が有り、
> 記事本文のリンクにだけ下線をつけたい
の意味が、
> <ul class="contents_footer">
> <li><a href="<%url>?no=<%pno><%tail_url>">記事本文へもどる</a></li>
> </ul>
の「記事本文へもどる」にだけ下線を付けたいのなら、
.contents_footer a{
text-decoration: underline;
}
となります(もっと絞れますが複雑になるので割愛)
これについての詳細は
CSS 子要素
でググると詳しい内容が解ります

記述場所は、843-846 の
> .section .contents_footer li a {
> padding-right: 30px;
> background: url(https://blog-imgs-47.fc2.com/j/s/n/jsnt/style_my … no-repeat 94% center;
> }
がこれに関する最後っぽいので、この後で大丈夫でしょう
まあ a タグの text-decoration は先に書いた 86 行目以外なさそうなので、90 行目以降ならどこでも大丈夫でしょうが
他のスタイルシートも使っていないようですし

この回答へのお礼

なかなか理解できない部分があるのですが、私が言う「記事本文のリンクにだけ下線をつけたい」という意味は
「エントリ記事内にあるリンクにだけ下線をつけ、カテゴリや過去記事といった『それ以外のリンク』には下線をつけない」
という意味なのですが、その前提でのご回答でしょうか？

お礼日時：2020/03/17 18:51

No.2 回答者： yambejp 回答日時： 2020/03/17 12:58

> どこにどう入れたらいいのか教えて

HTMLも例示できますか？
「記事本文のリンクにだけ」がどこのことかわかるようにしてもらうと
より回答しやすいかと

この回答へのお礼

http://whitecats.dip.jp/up/download/1584419460/a …

HTMLです。（passは同じ）
よろしくお願いします。

お礼日時：2020/03/17 13:32

No.1 回答者： yambejp 回答日時： 2020/03/17 10:42

リンクってaタグですよね？

スマホ用にハックしたcssでaにtext-decorationを指定してはダメですか？

この回答へのお礼

ご回答ありがとうございます。
でも、初心者なもので「aにtext-decorationを指定」と言われましても…（笑）

現在のCSSのテキストをアップしました↓（pass:000）
http://whitecats.dip.jp/up/download/1584416512/a …

どこにどう入れたらいいのか教えて頂ければ嬉しいです。

お礼日時：2020/03/17 12:48