- ベストアンサー
CSSでid名やclass名に「_」や「-」は危険？
CSSでid名やclass名に「_」や「-」を使うと 一部のブラウザでは、正しく表示されないと 聞いたのですが、本当なのでしょうか？ 私の場合 #left_column { 等と使っていたのですが、 上記が本当なら非常に管理が難しくないでしょうか？ 皆さんはどうしておりますか？
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
あんまりよく調べていませんが、IE6はCSSのセレクタで使われるアンダースコア(_)を無視するようです。 以下パソコン遊戯5月10日 http://pasokon-yugi.cool.ne.jp/nikki/200405.html 本題のリンクは切れているが、徒委記のリンク集は読んで考える価値有り。
お礼
ありがとうございます。 IE6ではアンダースコアが無視されるんですか。 少し驚きです。私の場合はIE6ですが、見れているので、 いろいろ探してみたいと思います。
関連するQ&A
- cssのidとclassの違いについて
cssのidとclassの違いについて ホームページ作成でcssを指定するとき、同一ページ内に1つしか指定しない場合はidを使用し、同一ページ内に複数指定したい場合はclassを指定しているのですが、使い方はあってるのでしょうか？ 独学なゆえ間違った使い方をしているのかなぁと思い質問してみました。 もし間違っていたら正しい使い方を教えてください。またidとclassの意味の違いも一緒に教えていただければうれしいです。
- ベストアンサー
- HTML
- CSSのid名class名の重複回避方法について
今、複数ページがあるサイトを作ろうとしているのですが、 他の人が作成をする場合もあるので、 ヘッダ・フッタなど、共通部分に使っているcssの設定（idやclass名）と、 個々のページで設定するcssの設定が重複しないようにしたいと思っています。 もし、共通cssと個別cssに同じ#fontというid名が存在してしまったとして、 個別のページのcssファイルに↓の用に記述し #page01 #font{ color:#FFFFFF; } html内の、<div id="page01">～</div> の中に含まれるid="font"と定義した場合 共通のidに#font が存在していても大丈夫なのでしょうか？ また、大丈夫な場合、idやclassを作るたびに #page01 #font #page01 .photo と#page01を頭に全部つけると分かりづらくなるな。。と思うのですが、 それを回避する方法はありますでしょうか？ ほか、重複しないアイデアをご存知の方がいらっしゃいましたら ご教示いただければ幸いです。 どうぞよろしくお願いいたします！
- ベストアンサー
- CSS
- ＣＳＳで、ＩＤとＣＬＡＳＳを同時に設定することは可能ですか？
<div ID="main" CLASS="sub"></div>のように スタイルシートで、IDにメインのスタイル CLASSにサブのスタイルを設定してみて、 とりあえず、firefox、IE6、で確認してみたところ、うまく動きました。 しかし、グーグルで”ＩＤ ＣＬＡＳＳ 同時”等で検索してみても、 同時に使えることが解説されたサイトが大変少なく、 果たして、同時使いは、CSSの構文違反にならないのか不安になり 質問させていただきました。 <div ID="main" CLASS="sub"></div>のようなセレクタ同時使いは、 やっても大丈夫なものなのでしょうか？ サポートされていないブラウザがあったりすることはないのでしょうか？
- ベストアンサー
- HTML
- id class が効かない
ＨＰを作成し始めたばかりです。 ＩＥではスタイルシートで id や class で画像のサイズが指定するとちゃんと表示されますが、 Firefox では全く効かずそのままの大きさになります。どうすればよいでしょうか？ また、ブラウザの表示で「～場合は・・・すればよい」というようなサイトはありますか？ ありましたら教えてください。よろしくお願いします。
- 締切済み
- その他（プログラミング・開発）
- HTML要素のid/class名の長さについて
HTML要素のid/class名の長さについて HTML要素のid/class名についてですが、この名前の長さは何文字まで指定できるのでしょうか？ 特に制限はなく、ブラウザなどの実装に依存するのでしょうか？ <div id="so-loooooooooong-id-name"></div>
- ベストアンサー
- HTML
- CSSに同じclass名がいっぱい‥。どれが最優先されますか？
貰ったCSSファイルがありますが、同じclass名が無数にあります。 .abc { *****:+++; } .def .abc { *****:+++; *****:+++; } .abc { *****:+++; } こんな感じで、同じclassが10以上ある時もあります。 これらを触りたい時、一体どれを触れば正しく反映されるのかお教え頂けませんでしょうか。 （一番最後のが反映される、など） また、同じclassはひとつにまとめた方が管理上便利かと思うのですが、そうでもないのでしょうか。 どうぞ宜しくお願い致します。
- ベストアンサー
- その他（プログラミング・開発）
- CSS IDごとのCLASS指定
以下のようなCSSがあった場合に、それぞれのIDに同じ名前で中身の違うCLASSを指定する事は出来るのでしょうか？ #main{ margin:0; padding:0; background: transparent; float : left; font-size : 0.8em; } #menu{ margin:0; padding:0; width:140px; float : left; font-size : 0.8em; background :url('img/back.gif') no-repeat left top; color:#17F600; } #mainにはこれ、 .txt { font-size : 1em; line-height : 120%; margin:0 0 5px 380px; padding:0 0 0 30px; text-align : left; color:#69788A; } #menuにはこれ .txt{ font-size : 1em; padding:0 0 0 10px; margin:5px 30px 5px 0; text-align : left; color:#69788A; border-bottom:1px solid #CFDEEF; } といったかんじなのですが…
- ベストアンサー
- HTML
- cssのclassについて
よろしくお願いします。 文字の背景に画像を入れて、更には文字の左側にチェックマークを入れるようにしたいため、cssやhtmlに下記の記述をしました。 【css】 div#test {list-style-position: outside; list-style-image: url(img/checkmark.gif); background-image: url(img/mark.png); color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; } 【html】 <div id="test"> <ul> <li>テキスト、テキスト000テキスト</li> </ul> </div> 上記ですと、確かに背景画像も文字の左側にもチェックマークが入るのですが、下記のようにclass指定すると表示されなくなってしまいます きっとclassの表記が間違っているのだと思いますが困っております ご指導の程よろしくお願いします。 【css】 .test {list-style-position: outside; list-style-image: url(img/checkmark.gif); background-image: url(img/mark.png); color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; } 【html】 <ul class="test"> <ul> <li>テキスト、テキスト000テキスト</li> </ul> また、id名は一つしか使えないがclass名は同じものを複数使えるとお聞きしますが、上記で言うと"test"を複数使えると言う事でしょうか？ きっと私は<p>は</p>で閉めるように、そのあたりが良く分かっていないのかも知れません。 よろしくお願いします。
- ベストアンサー
- その他（プログラミング・開発）
- classとidの名前の付け方
classとidの名前の付け方についてお伺いします。 1. classとidの名前の付け方によってSEOに関係するのでしょうか？ 2. むやみにclassやidを付けずにセレクターなどを使うほうがよいのでしょうか？ 3. 例えばid="category1"とつけるのとid="cat1"というように省略するとgoogleは「cat1ってなんだよ？」と判断したりしてランクを下げたりしますか？ 4. 同じid名を1つのhtml内に複数使っていたり、class名が1つしか使われていないWebサイトをよく見掛けます。これでもブラウザは解釈するようですが、html内で1つしか使わないのにclassで指定するのは良くないのでしょうか？ 5. そもそもidとclassをgoogleはどのように判別しているのでしょうか？idは見出し、classはその下のカテゴリとか・・・そういう感じですか？ なかなかネットを検索してもわからなかったのでこちらで質問させて頂きました。 お手数ですがよろしくお願い致します。
- ベストアンサー
- CSS
- CSSを内部ファイルにしたい
Dreamweaver8を使っています。前任者が外部ファイルで管理していたcssを、都合があって、一部内部ファイルに書き換えることになりました。使われているid等のcssを内部ファイルにコピペしたのですが、うまく表示されません。 cssは全てid設定になっており、idの中のタグで振り分けて設定されています。classは使っていません。どのように移行したらよいか、教えていただきたく存じます。よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
ありがとうございます！ 確かにアンダースコアは微妙ですね。 様々なサイトで_が使われていたので、 疑問に思っていましたが、ハイフンにしようと思います。