2012-01-26 1 views
1

を使用してスタイルの特定の要素は、HTMLやCSSに来るが、ここで行くとき、私はnoobのの少しだ...どのようにターゲットとすると、CSS

ないそれはと呼ばれるものを確認しますが、次の例では私はどのようにCSSを書くのでのみ各要素を持つ段落タグはスタイリングされていますか?たとえば、どのように右のフロートするためのラッパー> sideContent内

段落の左をfloatにラッパー>コンテンツ内のみ

段落のを作るためにCSSを記述するのでしょうか?その他の段落は影響を受けてはいけません。この技術は何と呼ばれている -

#wrapper #content p 
{ 
    float: left; 
} 

#wrapper #sideContent p 
{ 
    float: right; 
} 

ところで:これは有効ですが、の線に沿って何かがあれば

<div id="wrapper"> 
    <div id="content"> 
     <p>lorem ipsum...</p> 
    </div> 
    <div id="sideContent"> 
     <p>lorem ipsum...</p> 
    </div> 
    <div> 
     <p>lorem ipsum...</p> 
    </div> 
</div> 

わかりませんか?

+0

CSSの正当性をチェックする[ウェブサイト](http://jigsaw.w3.org/css-validator/)はこちらです。それが役に立つかもしれません。 – CoffeeRain

答えて

1

あなたのCSSは、あなたがしたいことに対して有効です。しかし、このようにすると、#content div内に#contentのfloat(p#sideContentと同じです)内のpが浮動小数点になりますが、他の段落の両側には浮動しません。 #content#sideContentは通常のdivのように動作し、2番目のdivは他のdivの下に表示されます。 p

#content 
{ 
    float: left; 
} 

#sideContent 
{ 
    float: right; 
} 

お知らせ不足と#wrapperは(あなたが彼らにIDを与えたので)両方のdiv要素がとにかくユニークでなければなりませんので、必要ありません:あなたが最も可能性の高い欲しい

はdiv要素自体をフロートすることです。

関連する問題