- 締切済み
CSSについての質問です
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- ambriel
- ベストアンサー率51% (65/127)
かっこ1つずつ条件を並べれば期待した動作になると思います。 div[class="div01"][id="id01"]{ color:#FF0000; } <div class="div01" id="id01">赤くなる</div> <div class="div01" id="id02">赤くならない</div>
関連するQ&A
- css の適用について
HP作成の勉強に、ローカル内で、htmlとcssを試しに書いてみたところ、 cssが適用されず、困っております。 外部のcssファイルを読み込む場合も、htmlの<head>や要素に<style>を追加する場合も適用されません。<head>内でlinkや属性指定の記述もしており、パスもあっています。 W3Cの検証も済んでいます。htmlとcssのコーディングも一致させています。 作成の環境は、Mac OS X version 10.9.4で、Emacsで書いています。 また、どのブラウザでも適用されていません。 他に考えられるとしたら、どのような原因で適用されないのでしょうか？ 教えて頂きたいと思います。よろしく御願いします。
- ベストアンサー
- Mac
- CSSセレクタについて
X要素の子要素としてY要素を持っている場合に、X要素にスタイルを適用するためのセレクタはあるでしょうか？ 自分で調べた限りでは上記と同等のことができる記述は見つかりませんでした。 もし、ご存知でしたらよろしくおねがいします。 JavaScriptを使えば出来るめどはあるのでスクリプト使わない方法で純粋にCSSのみを使った方法があればお願いします。 ※冒頭の条件（X要素の子要素としてY要素を持っている場合）は以下の3点の記述ミスではないのでその点もお願いします。 ・X要素の親要素としてY要素を持っている場合 ・Y要素の子要素としてX要素を持っている場合 ・X要素の属性としてY属性を持っている場合
- 締切済み
- CSS
- Jqueryのセレクタ範囲について
お世話になります。 【Jquery】 $("#aaa").click(function(){ $(this).css("opacity","1"); }); 【HTML】 <div id="aaa"> <p>hogehoge</p> <p>hogehoge</p> <input type="text" name="hoge"> </div> <div id="aaa"> <p>hoge2hoge2</p> <p>hoge2hoge2</p> <input type="text" name="hoge2"> </div> 上記の2つのdivでそれぞれのdiv内をクリックするれば、そのdiv内のみCSSが適用されるのですが、inputをおした時は発火しないようにすることはできますでしょうか？ $("#aaa").not(":input"） としてみたのですが、$(this)の値が変わるためDIVが変化しなくなりました。 反対に「$(this).css」を「 $("div#aaa").css」にすると2つのDIVに同時に適用されてしまいます。 何か良い方法がありましたらよろしくお願い致します。 ※子要素であれば$(this)の下に「.find('input～）」と加えて行けばいいと思うのですか上に遡るにはどのような方法がよいのでしょうか？
- ベストアンサー
- PHP
- CSS内で呼び出してる画像に対して、class属性をつけたい
CSS内で呼び出してる画像に対して、class属性をつけたい お世話になります、CSSに関して下記のようなことは可能なのでしょうか。 とあるライブリにimgタグにclass属性を指定して使用するものがありました。 例：<img src="image.gif" class="○○"/> （クラスを指定すると画像にエフェクトがかかる） これをcssで下記のように呼び出している画像に対して適用することは可能でしょうか。 [cssファイル] #bkg .opt1 { background: url('画像のパス'); } [html] //こんな感じで呼んでいる <li class="bkg opt1"><span>image</span></li> CSS内でクラス指定ができないものかと色々試してみたもののうまくいきません・・ 適用方法、ヒント等教えていただけますでしょうか よろしくお願いします
- 締切済み
- HTML
- CSSのセレクタについて。
CSSの「IDセレクタ」と「クラスセレクタ」についてなんですが、「クラスセレクタ」は先頭に要素名を指定して「要素名.クラス名」のようにすると指定された要素のみ有効になりますが、要素名が特定されていない場合には、どの要素でも指定することができる。「IDセレクタ」は 先頭に要素名を指定して「要素名#id名」のようにすると指定された要素のみ有効になりますが、要素名が特定されていない場合には、どの要素でも指定することができる。ただし、IDは唯一のものとしてとくていするものの識別子でありひとつのXHTML文章内で同じIDを複数の要素に指定することはできない。とセレクタについて調べた結果、こう解釈しているのですが、「IDセレクタ」を使用するメリットがイマイチわかりません！「ひとつのXHTML文章内で同じIDを複数の要素に指定することはできない。」以外は「IDセレクタ」と「クラスセレクタ」は同じ効果ではないんですか？それならすべて「クラスセレクタ」で統一した方がいいと思うのですが・・・長くなってすみません。
- ベストアンサー
- CSS
- CSSのセレクタに指定するbodyと*の違い
CSSでhead要素にstyle要素を記述する際、セレクタにbodyを指定しても*を指定してもすべての要素に適用されますが、違いがあるのでしょうか、教えてください。
- ベストアンサー
- HTML
- CSSセレクタの子孫要素について意味を質問します
CSSセレクタや、JQueryのセレクタで E F の意味は、 「Eの子孫要素にあたるＦに、スタイルシートを適用する。」 などと、よくサイトなどで記載があります。 使い方は理解しているのですが、 これって「子要素と孫要素」だけではなく、 「下の階層にある要素全て」が正しいと思っています。 （要は、ひ孫要素以下にもスタイルシートが適用されますよね？ってことです） それとも、「子孫要素」って下の階層全部のことを意味しているんでしょうか？ それはそれで、漢字の意味に疑問を持ちますが・・・ 自分が他の人に教える時に、しっくりこないので質問してみました。
- ベストアンサー
- HTML
- 手打ちでＣＳＳを作っている方に質問です。
前質問の http://oshiete1.goo.ne.jp/qa2985564.html 参考になりましたが、 HTMLとCSSを同時製作する場合は、 どんな工夫をしているのでしょう？ CSSに適したエディタは？ ちなみに当方は、head部に全部書き調整したり 部分的にstyle属性で仮指定しておりたりし、 仕上げにCSSファイルをつくりlinkします。
- ベストアンサー
- ホームページ作成ソフト
- Google feed API のCSS編集
表題にある件ですがこれはどう行えばいいのでしょうか？ もともとのままでは青いアンカーリンクや狭い行間など、CSSで編集をしたい箇所が数箇所あります。 しかし、通常のCSSへの編集とは異なり、Google feed API が反映される部分なので 私のイメージとしては、Googleが用意しているデフォルトのCSSから自分が用意するCSSへと APIのCSSの適用を変えて、そのCSSを編集していくものではないかと考えていますがこの理解で間違っていないでしょうか？ また、その場合どのようにAPIに適用するCSSを自分が指定するCSSへと連携できるのでしょうか？ こちらのサイトを見ながらやっていましたが肝心のCSSの編集の部分が書かれておらず分かりにくく感じました。 http://weboook.blog22.fc2.com/blog-entry-152.html ここでのやり方としては gfc-control等の要素を編集しているようですが ソースを見てもどこにもその要素がなく、分かりませんでした。 どうぞよろしくお願いします。
- ベストアンサー
- JavaScript
- CSSによるデザインの切り替えに際して
HTML、CSSについて勉強中の者です。 HTMLで文書構造を書き、複数のCSSでデザインを切り替える、ということを勉強しているのですが、例えばあるCSSではnav要素とarticle要素（更新情報のお知らせ欄）をheader要素に入れるのに対し、別のCSSではnav要素のみをheader要素に入れ、article要素はsection要素内に表示させたい、となった場合、同じHTMLを使用することは難しいのでしょうか。 CSSである要素にある要素を入れるということはできるのか、できない場合は諦めてそれぞれHTMLを作成するべきなのか悩んでいます。 HTML側で全要素をそれぞれdiv要素にしてしまえばできるのかも？と思うのですが、それでは正しい文書構造にはならないと思いますので、あまり考えてはいません。 お詳しい方がいらっしゃれば、教えていただきたいです。
- 締切済み
- CSS
