外部CSSで文章の途中にハイパーリンクを付けたい。

締切済

質問者：da23
質問日時：2014/04/14 23:54
回答数：3件

HP作りに挑戦している初心者です。
よろしくお願い致します。

「連絡先はこちらまで。」の「こちら」の部分を赤い文字で少し大きくしてそこだけハイパーリンクにしたいと思っております。

htmlファイルと外部CSSファイルをそれぞれどのように記述したらよいでしょうか？

よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

No.3

回答者： ORUKA1951
回答日時：2014/04/15 09:01

＞「連絡先はこちらまで。

」の「こちら」の部分を赤い文字で少し大きくしてそこだけハイパーリンクにしたいと思っております。
　その部分のHTMLが、
　<p>
　　　連絡先は<a href="./mailForm.html">こちら</a>まで
　</p>
となっていたら、属性セレクタを使ってスタイルシートで
a[href="./mailForm.html"]{color:red;font-weight:bold;}
とすればよい。他の部分にも同じ属性を持つa要素がありそれと区別したければ、
div.footer p a[href="./mailForm.html"]{color:red;font-weight:bold;}
とでもしておけば、ページ内の他の部分に同じ属性を持つa要素があっても影響しない。

- 0
- 件

通報する

No.2

回答者： AsarKingChang
回答日時：2014/04/15 00:45

"赤い文字"

って書いているので、デフォルトの、Aスタイルシートを継承して別のを作る必要はあるかもですね！
なので、Aタグの子供に、hogeを作って、それを指定してみました。

こんだけ？
<html>
<style> // 別にinclude しようが直接書こうが自由～
a.hoge {
color:red;
font-size:64px; // サイズお任せ
};
</style>
<body>
連絡先は<a href=リンク先 class=hoge>こちら</a>まで。
</body>
</html>

- 0
- 件

通報する

No.1

回答者： hitomura
回答日時：2014/04/15 00:21

……？

単に「こちら」の部分を<a>でくくって、そのハイパーリンクに CSS で色と文字サイズ設定を付ければいいのでは？

それとも、ハイパーリンクは文書構造に含まれないとかむやみやたらと使ってはいけないとでも思っているのでしょうか？
あるいは動的に「連絡先はこちらまで。」の部分を処理しなくてはならないとかでしょうか？