隣接する2つの兄弟のCSSを結合する

Question

隣り合う2つの兄弟のCSSを結合する方法はありますか？私はいくつかのコードをいくつかのWordPressのテーマで私はどこに修正するためにCSSを使用したいと思います。私は、pを非表示にしたいと考え、以下のコードの場合

、「隠す-ME」クラス「MyClassのは、」また、クラス名を与えられたとき、「ジョン」

はこのような何かを持っているしたいと思います： を（ 1次回-兄弟.myclass.john）〜（.second-兄弟.hide-ME）{表示：なし;}

<div class="parent"> 
    <div class="first-sibling"> 
    <p class="myclass john">Paragrah to determine the hiding of hide-me</p>  
    </div> 

<div class="second-sibling"> 
    <p class="hide-me">Hide this if myclass has a class named "john" </p> 
</div> 

何を達成するために、あなたに

Answer 1

ありがとうございました現在のHTMLを要求しています.Javascriptを使用する必要があります。あなたの他のオプションは、parrentにクラスジョンを適用することができる場合、あなたはこのようなCSSを持つことができ、それが働くだろう次のとおりです。ここで

.first-sibling.john + .second-sibling{ 
    display: none; 
} 

は、あなたがさらにHTMLを操作することができますJSフィドル https://jsfiddle.net/exk0ex8c/1/

です2つのp要素が同じdivの下にあるようにし、CSSセレクタを使用してこれを実現します。すべてのCSSセレクタのリストについては、ここをクリックしてください：http://www.w3schools.com/cssref/css_selectors.asp