CSSコード（ID＆クラス）

私は2つのhtmlページp1 & p2を持ち、それぞれ異なるレイアウトl1 & l2を使用しているとします。私は2つの異なるレイアウトを設計する必要があり、私は共通のID名を使用したいだけです。私はちょうどあなたが私の心の中にあるもの、ps conisder js fnも理解できるようにしようとしました。CSSコード（ID＆クラス）

follwing

commonPage.css 
    p1 > l1 > #right { width:25%; height:25% .... } 
      > #left { width:25%; height:25% .... } 

    p2 > l2 > #right { width:30%; height:35% .... } 
      > #left { width:30%; height:35% .... }

は、HTMLページです：@

p1.html <html> <head> <link rel="stylesheet" href="commonPage.css" type="text/css"/> </head> <body> <div id = "l1.right"></div> <div id= "l1.left"></div> </body></html> p2.html <html> <head> <link rel="stylesheet" href="commonPage.css" type="text/css"/> </head> <body> <div id = "l2.right"></div> <div id= "l2.left"></div> </body></html>

は編集私の質問は：異なる特性を持つ多くのHTMLタグに同じID名を書くために、それはお互いに影響を及ぼすべきではありませんか。

出典

2011-08-05 Anonymous

あなたの質問はありますか？ –

異なるプロパティを持つ多くのhtmlタグの同じID名を書く方法または私が書いた方法は正しいですか？ –

のCss各ページのstyleタグ内のスタイル、または各ページのID /クラスを使用します。 p1.htmlで

、あなたのbody要素にp1のIDを与える、名前はp2.htmlでp2、あなたのHTMLは（のみbody内容を示す）このようになりますので、ごdivのrightとleftそれぞれの両方に名前を付けます：

p1.html

<body id="p1"> 
    <div id="right"></div> 
    <div id="left"></div> 
</body>

p2.html

<body id="p2"> 
    <div id="right"></div> 
    <div id="left"></div> 
</body>

これらのセレクタを使用してください：

#p1 > #right 
#p1 > #left 
#p2 > #right 
#p2 > #left

出典

2011-08-05 06:44:42 BoltClock

あなたはロックマン。助けてくれてありがとうございました。 –

素晴らしい！これは私が欲しかったものです。 –

クラス名は合うかもしれない、より良い

//.... Html 
<div class='left1' id='data'> 
    <div class='left2' id='info'> 
     your code goes here 
    </div> 
more code goes here 
</div>

あなたはユニークを置くどちらか持っているので、あなたは、ページのファイル名でページ内のHTML要素を識別することはできません

.left1 
{ 
/*css code here*/ 
} 
.left2 
{ 
/*css code here*/ 
}

出典

2011-08-05 06:41:17 thebtm

あなたの質問を見ることから、私はクラスが行く方法だと思う。（私はあなたの質問を追加する前に私の答えを始めました） – thebtm

JavaScriptについては、jqueryを使用してください。 – thebtm

はい、クラスは同じプロパティに使うことができますが、各divには異なるプロパティがあるので、それぞれ別のクラスやIDを書く必要がありますが、私はしたいですいくつかの一般的な名前を使用します。私は100のid /クラス名が必要なので、私は別のプロパティと100 divがあると仮定しましょうが、私は別のプロパティでいくつかの一般的な名前を使用したいと思います。 –

CSSコード（ID＆クラス）

答えて

関連する問題