- 締切済み
特定のページにのみ特定のCSSを適用させる方法
グーグルブログ(blogger)を利用しています。 特定のタグでページをリスト表示した時のみ、特定のCSSを、あらかじめ指定しておいたdiv部にのみ適用させる。といったJavascriptのコードを教えてください。 *ちなみに、タグでページをリスト化したときのURLは以下です。(exampleは例です) http://example.blogspot.com/search/label/example/ どうぞ宜しくお願いいたします。
- shitimi
- お礼率51% (92/178)
- JavaScript
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- yambejp
- ベストアンサー率51% (3827/7415)
たんにcssで指定するのではないの？
関連するQ&A
- 特定の文字にCSSを適用したい
ブログを書いております。 記事にコメントがあった時の「コメント（１）」といった表示を、コメントの有無で太字にしたりノーマル表示にしたいと思っています。 コメントが無いときは・・ コメント（０）をfont-weight:normal; とノーマル表示。 コメントが有るときは・・ コメント（１）をfont-weight:bold; とボールド表示させたいです。 Javascriptを使用して、特定の条件にのみCSSを適用するにはどうしたら良いでしょうか？ 宜しくお願いします。
- ベストアンサー
- JavaScript
- このcssが適用されない理由を教えて下さい
下のcssはaタグにcls1クラスが適用されません。 div.cls1を.cls1とすると適用されます。 要素名.クラス名で「要素以下の指定クラス」を対象に出来る筈なのですが 何か記述方法を間違えているでしょうか。 ここから<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< <html> <head> <style> div.cls1 { display: block; border: 1px solid red; width: 200px; height: 100px; } </style> </head> <body> <div> <a class="cls1" href="www.google.co.jp">google</a> </div> </body> </html> ここまで<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
- ベストアンサー
- CSS
- cssで定義したクラス情報をcssセレクタ内で使用
cssで文字装飾用の以下のクラスを作成しました。 .label { font-size:95%; color:blue; } これを <div id="view"> <span>ラベル1</span><span>ラベル2</span>～(以降大量に続く) </div> というhtmlに適用したいのですが、spanタグ全てに.labelを指定するのは見辛さからいっても 避けたいと思います。 出来れば #view span { .label } というようにcssで対象を選択して既存のクラス定義を適用したいのですが、こういう感じで 一気に適用する記述方法はありませんでしょうか。
- ベストアンサー
- HTML
- 同じHTMLに、違うCSSを適用させているリンクについて
こんにちは。 同じHTMLに、違うCSSを適用させている aタグについて教えてください。 具体的には「イオブログ」というサイトのブログテンプレート一覧が表示されているページがあるのですが、 http://blog.eonet.jp/tmpparts/index.html 一覧の画像のリンクが http://blog.eonet.jp/tmpparts/sample.html?style=eoblog/az/theme.css 上記のような.cssでおわるリンクになっていました。 http://blog.eonet.jp/tmpparts/sample.htmlというHTMLファイルに、 違うCSSを適用させているようなのですが、どんな仕組みで表示されているのか（例えばCGIとか）よくわかりません。 もしおわかりのかたがいらっしゃったら、よろしくおねがいいたします。
- 締切済み
- デザイナー・クリエイティブ職
- 特定の<input >タグ及び<label>タグの部分をCSSで非表示にしたい。
下記コードの<input >タグ及び<label>タグの部分をCSSで非表示にしたいのですが、 <div class="image-size-item"> <input id="image-size-thumbnail-142" type="radio" value="thumbnail" name="attachments[142][image-size]"/> <label for="image-size-thumbnail-142">サムネイル</label> <label class="help" for="image-size-thumbnail-142">(96 × 96)</label> </div> 問題はimage-size-thumbnail-142の最後の番号及び桁数が出力ごとに変化します（例：image-size-thumbnail-154、image-size-thumbnail-2223等）。このような場合、CSSはどのように記述すればよいのでしょうか？ CSSは、システムの関係上、同ページのヘッダー内に記述する必要があり、タグ内に直接記述することはできません。 以下のようなCSSコードを<head>内に記述しましたが、 <style type="text/css"> [id~="image-size-thumbnail"] { display: none; } [for~="image-size-thumbnail"] { display: none; } </style> 上記コードの<input >タグ及び<label>タグの部分を非表示にすることができません。どこが間違っているかご指摘いただけると幸いです。また、もっと良い方法があれば、教えてください。 なお、同ページには他の部分において<input >タグ及び<label>タグが使用されている箇所が複数ありますので、<input >タグ及び<label>タグ部分を全て表示にするというCSSの記述は使用できません。 参考サイト等ありましたら、教えて下さい。 よろしくお願いします。
- 締切済み
- HTML
- 特定の要素だけCSSの継承を一時的に解除する方法はありますか
JavascriptのWYSWYGエディタを使っているのですが、ユーザーが入力するときに、たとえば、<oi>のようなタグを指定すると、入力時には数字付きリストが表示されます。 しかし、保存して、ページに表示する時には、そのページのＣＳＳが適用されてしまい、数字が消えるような指定を行っていた場合に、入力時の見た目を異なる表示がされてしまいます。 ＣＳＳの仕様としてはこれで正しいのですが、 これを、ユーザーが入力した部分だけ、全体のＣＳＳの適用しないようにしたいのです。 ページのタグにすべてclass指定を行えば、classの無いユーザー入力部分は適用外になりますが、サイト全体のベースのスタイルシートが、タグ全体に対する指定を行っているので、修正コストの大きさや修正漏れのリスクを考えると、一部分だけ、タグ全体指定などの継承を解除できれば、それが一番スマートだと考えています。 http://www6.plala.or.jp/go_west/nextcss/ref/basic/how2read.htm 上記のページの"継承"のところで以下の記述があります。 ------------------------------------------------------- CSS2になってから、[inherit] という値が導入されました。この値を使うと、値を継承しないプロパティでも、継承させる事が可能です。また、既に値を指定してしまったプロパティで、継承性を一時的に解除する為にも使えます。 ------------------------------------------------------- この、「継承性を一時的に解除する」ってことが、 おそらく私がやりたいことになると思いますが、 具体的な使い方は分かりませんでした。 やり方をご存知の方、教えていただけると助かります。 また、上記のことは不可能であるということが分かれば、それはそれで助かります。 よろしくお願いいたします。
- 締切済み
- CSS
- HTML CSSなどの説明サイト
Bloggerでブログをかいているのですが、HTMLやCSSも編集したいと思っています。 そこで、私のような初心者がHTMLやCSSのタグを読んだり、書いたりするために便利な関連サイトなどありますでしょうか？
- 締切済み
- ブログ
- 特定の文字のみcssを適用するには？
いつもお知恵拝借しておりますm(_ _)m さて、最近cssをかじり始めたところなのですが、ページ中の特定の文字（例えば「愛」）という文字のみにフォントスタイルを適用することは可能でしょうか？ 現在は、「HTMLソース」の画面で「愛」という部分を「<font color="#cc0000">愛</font>」という風に置換させています。 これをcssで記述することが出来るかどうか？という質問です。 xp+ホームページビルダー10です。何とぞよろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- IEでのCSS適用方法について。
IEでのCSS適用方法について。 <lu><li>にスタイルを適用したいのですが、IEだけ適用されません。 バージョンは８です。 CSSは以下のように書いています。 #footer lu.list1 { float: left; margin: 0; height: 150px; width: 400px; } #footer lu.list2 { float: left; margin: 0; height: 150px; width: 400px; } #footer lu li { list-style-type: none; border-bottom: 1px dotted #ccc; height: 2em; text-indent: 1em; } HTMLは以下のように書いています。 <div id="footer"> <lu class="list1"> <li>Information</li> <li>○○○○○</li> <li>○○○○○</li> <li>○○○○○</li> <li>○○○○○</li> <li>○○○○○</li> </lu> <lu class="list2"> <li> </li> <li>○○○○○</li> <li>○○○○○</li> <li>○○○○○</li> <li>○○○○○</li> <li> </li> </lu> </div> セレクタの指定の仕方でしょうか。 何度やっても思うようにスタイルを適用できません。 どなたか、ご教授のほどお願いいたします。
- ベストアンサー
- HTML
- ＣＳＳで特定のテーブルだけに適用する記述をおしえてください。
個人でＨＰをつくっているものなのですが、 外部ＣＳＳファイルに table, td, th { border: 2px red solid; } という記述をすると すべてのページにあるテーブルに適用されてしまいました。 ある箇所のテーブルなど指定するテーブルのみに記述したい場合はどういったタグにしたらよいのでしょうか？ お詳しい方どうぞよろしくお願いいたします。
- ベストアンサー
- HTML
