2017-03-16 2 views
0

私はフロートを持つ2つのブロックを持っている:ブロックが正しいかどうかを知るためのcssセレクタはありますか?

[Block A] [Block B] 

または

[Block A] 
[Block B] 

は、これらの2例を区別するためのCSSセレクタがあります:表示がページ幅に依存するので、左?例えばそれは

.block:below { margin-left: 20px; } 
+1

おそらく、「右下」または「左上」と言ってもよいでしょうか?そんなことを達成するポイントは何ですか?このようにして返信をターゲットにしている場合は、メディアクエリを参照してください。 – bugwheels94

+0

インラインであれば、分割線を表示したいのですが? – Julien

答えて

2

かもしれ浮動要素は、他のフロート及びレイアウトの残りの部分に対してであってもよく、可能な位置の多数のもののためのCSSセレクタがありません。主に、レイアウトに基づいて要素にマッチするCSSセレクタがないためです。

これらの浮動要素の位置がページ幅に依存する場合は、代わりにメディアクエリを使用します。

0
私はどのセレクタが存在しないと思います

けどは、私はこのようなメディアクエリを使用して、コードの下に使用できることを確認するまで

if($('.className').css('display') == 'block') 
{ 
// do something 
}else if($('.className').css('display') == 'inline-block'){ 
    //do something. 
} 
0

あなたがいることを解決することができるかわからない:

@media screen and (max-width:460px){ 
     .block{ margin-right: 20px; } 
} 

この方法では、画面が460pxより狭い場合にのみコードが適用されるため、より制御しやすくなります。

関連する問題