No.1ベストアンサー
- 回答日時:
同じ部分をブラウザにあわせて分岐させています。
つまり、IE6以下か否か。それぞれのブラウザで色を変えています。
#hoge ul li .fuga > a{
li .fuga の中の a という子供セレクタなので、IE6以下では認識出来無い。
* html #hoge ul li .fuga a{
↑スターハックでIE6以下しか認識出来無い。
どちらかが一方で可能なので、どちらか一方が蛇足かな。
「子供セレクタ」
「スターハック」
で詳しく検索してみましょう。
「子供セレクタ」、「スターハック」で検索して、ばっちり(?)理解できました!
ありがとうございます!
つまり
#hoge ul li .fuga > a{color : red;}
* html #hoge ul li .fuga a{color : green;}
の両方を記載することにより、
IE6以下のブラウザ環境にも配慮した親切なサイトを作ることができる、ということですよね。
No.2
- 回答日時:
#hoge ul li .fuga > a{ color : red; }
「#hoge ul li .fuga」直下の「a」だけ。
* html #hoge ul li .fuga a{ color : green; }
この指定ですと「IE」と「Safari.1~2」のバグを逆手にとった指定方法。
つまりこの場合、IEとSafari.1~2だけが、* html #hoge ul li .fuga a{ color : green; } となる。
ちなみに、
#hoge ul li .fuga a{ color:red; *color : green; }
とするとIEだけ、greenになり、その他のブラウザは、redになる。
らしい。。
たしか,,,,,だったと思う。ごめんなさい、ちと自信がなくなってきた.....。
ウェブデザイナーだけど、ぜんぜん使わないので^_^;
回答ありがとうございました。
上記方法試してみましたが、どうもうまくいきませんでした。
スターハックが適用されるのが「Macの場合はIEすべて」になっていたので、Macの場合はそうなるのかもしれないですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・【お題】絵本のタイトル
- ・【大喜利】世界最古のコンビニについて知ってる事を教えてください【投稿~10/10(木)】
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
箇条書きがずれて表示されてし...
-
<ul><li></li></ul>にするメリ...
-
liタグの中に<p>タグやら<dl>を...
-
複数行にまたがる括弧を表示し...
-
CSSのデクレッシェンド(>)と...
-
pythonリストの特定の値を表示h...
-
html/cssの、navを2段にする...
-
list-style-type部分だけ大きく...
-
HTMLで組織図を作成する方法
-
「olタグ」内に「hタグ要素」...
-
ホームページ作成
-
Webサイトにスライディングサイ...
-
「CSS」リストの2段組どのよう...
-
メニューバーのラインの作り方
-
CSS 横並びリストの書き方はど...
-
サイドメニューのロールオーバ...
-
アコーディオンメニューがかく...
-
SWIFTでHtmlのソースの一部を取得
-
2要素ずつcssを適用する疑似ク...
-
リストの数字のフォントサイズ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
リストマーカーをボックス内に...
-
html/cssの、navを2段にする...
-
ulタグやliタグの中でbrタグ...
-
リストの数字のフォントサイズ...
-
liタグの中に<p>タグやら<dl>を...
-
<table>の高さ固定。情報増加時...
-
<ul>~</ul>が二つ続くと間に改...
-
<ul><li></li></ul>にするメリ...
-
レスポンシブWebデザインでリン...
-
html <ul></ul>の並びで一行空...
-
display:table;を多段表示させたい
-
HTMLで組織図を作成する方法
-
divタグ内のコンテンツが重なっ...
-
番号付きリスト(<Ol><Li>・・...
-
ulとliで囲った文字の一部を変...
-
htmlの<ol>タグで、数字などを...
-
HTML5のfooterに見出しを付けて...
-
css 横並びのナビゲーションバ...
-
疑似クラス :activeが効きません
-
list-style-type部分だけ大きく...
おすすめ情報