「夫を成功」へ導く妻の秘訣 座談会

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

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

A 回答 (3件)

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 行目以降ならどこでも大丈夫でしょうが
他のスタイルシートも使っていないようですし
    • good
    • 0
この回答へのお礼

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

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

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



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

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

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

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

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


スマホ用にハックしたcssでaにtext-decorationを指定してはダメですか?
    • good
    • 0
この回答へのお礼

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

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

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

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

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング