CSSコーディングの際に…
たとえば
<div id="container">
<div id="main">
<div id="menu">
<div id="info">
</div>
</div>
</div>
</div>
のようなhtml構造がって
たとえば #info に何らかのCSSを適用したい場合に、
#container #main #menu #info {
font-weight: bold;
}
などと書く場合があると思うのですが、
この例でいえば、#info を内包するすべてのタグ構造や、そのid、classネーム(#container #main #menu)を
自動的に抽出してくれるようなツールや方法はないでしょうか。
意味不明でしたら加筆しますのでよろしくお願いします。
A 回答 (2件)
- 最新から表示
- 回答順に表示
No.2
- 回答日時:
idなら
div#info {~
で十分だと思うんですが……
すみません、これはあくまで例なので、そのあたりの意味は気にしなくていただきたく。。
#container #main #menu #info のように連なる場合、という意味として、例を出した次第です。
なので、これがたとえば #container #main #menu .info
であっても良いですし、、 そのあたりの意味は今回の質問には関係しないと
思っていただければ幸いです。
よろしくお願いします。
No.1
- 回答日時:
Firefox用アドオン(かなり便利)
https://addons.mozilla.jp/firefox/details/1843
これで、
HTMLを表示 → 表示タブ → 左右に並べる
HTMLの <div id="info"> を見つけ div をクリックすると右にCSSが表示される。
それを検索で info を探しても同じ。
HTML側を見て内包・外包を見ればすぐにわかる。
って意味じゃなく?
ご回答ありがとうございます。
すみません、そういう意味じゃないです。。
firebugと本例を例に出すならば、
たとえば、本例のHTMLの <div id="info">
をクリックした瞬間に
#container #main #menu #info という文字列が
クリップボードに格納されるとか。。
たとえば、そういう便利なツールは無いですか、という意味です。
意味不明でしたら加筆しますのでよろしくお願いします。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- Ruby No route matches [GET] "/posts/5/destroy" 1 2022/03/24 13:00
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- PHP ランキングを表示する際の画像の大きさを固定することは可能でしょうか? <?php if ( has_ 1 2022/07/21 14:55
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
インラインフレームのページ内...
-
スペースを使わず文字位置を揃...
-
複数のボタンを等間隔に、かつ...
-
HTML5 iframe の代わり
-
横並びdivで一部の初期高さがず...
-
<!-- #BeginLibraryItemとは
-
div要素が重なってします
-
HEADタグとheaderタグ
-
divとpの使いわけ
-
標題<h1>に、網掛けはできますか?
-
htmlの見出しタグ(<h1>)の次...
-
画面を縮小するとカラムが落ち...
-
フッターがウインドウの一番下...
-
CSSで、contentsがfooterに重な...
-
特定範囲内のCSSの継承を断ち切...
-
セクションをdivで囲むと見出し...
-
背景画像に全体または部分的に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報