0

CSSファイル内の他のすべてのスタイル要素またはページのセクション内のスタイル要素を定義しながら、多数の絶対要素のそれぞれにインライン位置タグを追加する論理的な効果があるものはありますか?単に持っている<div id="divIDname" style="left:100px;top:40px;">ことは有効ではないようですが、小さなインラインスタイルに「CSSID」スタイル要素を追加/オーバーライドさせるロジックは、私が達成しようとしていることです。

私は航空予約追跡システムタイプのレイアウトの手帳を作成しており、1日の17時間を、複数の航空機(各A / Cが独自のライン上にある)ごとに15分のブロックを表す要素に分割しました。プランナー全体のページへの配置を容易にするために、それぞれを1人の親の中で絶対的な参照にしました。

このプランナーの上に実際の予約を上位の階層化要素として階層化するので、15分の要素のそれぞれが親要素内のどこにあるかを正確に知る必要があります。この目的のために、絶対配置(数学的に構築された座標、PHPループ内で生成されたhtmlなど)を使用して、各プランナーに15分の要素を配置しました。

私の問題は、15分ごとのブロック要素ごとに個別のCSSスタイルを定義せずに、要素にさまざまな境界線スタイルと:hover疑似クラスを適用する方法です。これは、それぞれに固有の左属性と上属性があるためです。回避策としてインラインスタイルを使用していますが、HTML出力とPHPコードの可読性により、出力の量が非常に多いため、PHPスクリプトの論理エラーのトラブルシューティングが困難になり、:hover疑似クラスを適用できません。インラインのいずれかであり、航空機がリストに追加およびリストから削除されると、新しい行が追加または削除されると、行数(したがって、15分のブロック要素)が変更されます。

サーバーは、PHP以外のjscriptやその他のプログラミングスクリプトを使用しない単純なWAMP実装です。

私はベテランのプログラマーではありません。かなりやりがいのあるプロジェクトに取り組んで、大ざっぱなHTMLとPHPの知識を再学習して構築しようとしているので、答えに優しくしてください... :)

どんな助けでも大歓迎です。

よろしく

Braedon King、タウンズビル、オーストラリア

4

2 に答える 2

1

簡単な答えは、インライン スタイルは css クラスを拡張し、ID タイプの css スタイルでは機能しないようです。id の代わりに class を使用すると、うまくいったようです。

<div class="xyz" style="left: 100px; top:100px;">. 作品

<div id="xyz" style="left: 100px; top:100px;">. うまくいきません。

私をそこに導いてくれたすべての回答に感謝します。

よろしく

ブレイドン

于 2012-07-19T09:46:26.167 に答える
0

css を追加する必要があります。

css はこのようになります。

#div_id1, #div_id2 ,#div_id3   ....... , #div_id99,#div_id100{left:100px;top:40px;}

次に、どの div にどの追加スタイルが必要かを定義します。

例:

#div_id50{ define which extra style you want}
于 2012-07-18T16:16:50.093 に答える