初心者的な質問ですみません。現在CSSを用いてスタイルを設定しようと
奮闘中です。だいたいの所までは設定できているのですが、次のように
【.feed_item_title】に対しアンダーラインを設定しない【link】を設定し
たいと考えています。
.feed_item_title {
font-size: 7pt;
font-weight : bold;
list-style:none;
line-height: 1.4em;
}
一応、a:link.feed_item_title {text-decoration:none;}や
a.feed_item_title:link{text-decoration:none;}なども試してみたのです
がいずれもアンダーラインが表示されてしまいダメでした。
HTML上は<div class="feed_item_title">といった形で記述しています。
見よう見まねで作成しているのであちこち間違った記述等あるかもしれま
せんが、その辺はご容赦ください。よろしくお願い致します。
No.1ベストアンサー
- 回答日時:
Aの中のBと指定する場合には
A半角スペースB{指定}
となります。
つまり
.feed_item_title a:link{text-decoration:none;}
a:linkはまだ訪れていないリンクの設定なのでa:visitedも設定するか、aとしてください。その他適時a:hoverやa:activeなどを使用です。
基本的なCSSの構造を少し調べてみてはいかがでしょうか。
http://hp.vector.co.jp/authors/VA022006/css/sele …
atincさま
ご教示ありがとうございました。atincさまのおっしゃる記述方法で無事リン
クに下線のつかないCSSを記述できました。これを機会に文法等に対する理
解を深めていきたいと思います。
感謝申し上げます。
No.2
- 回答日時:
まず、セレクタの使用方法がおかしいです。
この場合、<div.feed_item_title要素> の子孫要素にある<a要素>に対して【擬似クラス】の設定です。また、<a要素>すべてではなく、<a href="">という[href]という属性を持つものに対する設定ですから、できれば【属性セレクタ】も指定しておく癖をつけておきましょう。(a要素に指定すると<a name="">にも色などが適用される。)
すなわち
div.feed_item_title a[href]:link{ プロパティ:値 }
という記述が正式な記述になります。しかし、これ[属性セレクタ]は古い(web標準でない)IEでは無視されるため、
div.feed_item_title a:link{ プロパティ:値 }
と書いています。
また【擬似クラス】の記述には順番があって、
:link→:visited→:hover→active
の順番で指定しましょう。:hoverはできれば下線を引いてください。デザインのためではなく、訪問者のために「ここにはリンクがあるのだよ」というのは、隠してはならない情報のひとつです。
いずれにしても、セレクタ、擬似要素、擬似クラス、およびカスケード(継承)、(子孫セレクタ、子供セレクタ、隣接セレクタ)などは、学習してください。
ORUKA1951さま
ご教示ありがとうございました。当方、まったくの素人でブログのテンプ
レートをちょこちょこいじりながらの手探りで作業しておりましたので、
これを機会に文法等に対する理解を深めていきたいと思います。
無事、リンクに下線がつかないCSSを記述することができました。感謝申
し上げます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- Perl RSSにdiv,ul classを付けたいのですがどのようにつけるのかわからないです 2 2022/03/28 01:53
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSS/日本語のID・クラス名につ...
-
【VBA/HTML】IE画面内のページT...
-
スタイルシートで、id属性の中...
-
brにクラスをつけてcssでdispla...
-
最近、HTMLのヘッダーをIDで定...
-
HP作成(ワッパーを中心に)
-
CSSが効かずどのように指定すれ...
-
HTML要素のid/class名の長さに...
-
透過背景を解除するにはどうす...
-
Bootstrap3でcontainerがずれる...
-
サイトにjQueryが使用されてい...
-
webサイト印刷時に特定の画像を...
-
<div align="right"> を css で...
-
マウスカーソルを当てた時だけ...
-
<span>で2重にかけているものを...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
name属性とid属性
-
cssでIEとFIREFOX(とchrome)の...
-
CSS リンクのスタイル指定をせ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
idの中のid指定
-
CSSに同じclass名がいっぱい‥。...
-
個別にリンクの色を変える方法
-
HTML要素のid/class名の長さに...
-
最近、HTMLのヘッダーをIDで定...
-
CSS, リンクの色を一部変えるに...
-
liリストタグの背景色に色がつ...
-
CSSのクラス名・ID名の指定でワ...
-
htmlのid属性って必要なの?
-
サイトにjQueryが使用されてい...
-
スタイルシートで、id属性の中...
-
リンク文字の 一部だけ色を変...
-
外部css定義したclassをht...
-
ページの左右の余白(枠外)に...
-
<span>で2重にかけているものを...
-
CSSでテキストリンクの色を複数...
-
同ページ内でリンクの色を変え...
-
CSSが効かずどのように指定すれ...
-
display:table-cell内でこんな...
-
CSSで下まで背景色を伸ばす方法
おすすめ情報