<div>
yes I can use jquery, but I was wondering if it was possible with pure css<br />
<br />
thanks :)
</div>


yes I can use jquery, but I was wondering if it was possible with pure css

thanks :)

<div>
After reading your question and fiddle again, are you wanting the hover on the LI's or the actual div? <br />
The fiddle says hover this menu but in the css you are targeting the LI<br />
<br />
<a href="http://jsfiddle.net/ZCZAd/3/" rel="ugc">http://jsfiddle.net/ZCZAd/3/</a><br />
<br />

<pre><code id="code-20-39493139-1">#parent1:hover ~ #parent2 li { color: orange; }</code></pre>
</div>


After reading your question and fiddle again, are you wanting the hover on the LI's or the actual div?
The fiddle says hover this menu but in the css you are targeting the LI

http://jsfiddle.net/ZCZAd/3/ [http://jsfiddle.net/ZCZAd/3/]



#parent1:hover ~ #parent2 li { color: orange; }

<div>
sorry I meant to change the actual LI when hovering on a LI of the other parent<br />
<br />
Would that be possible in CSS or only in jQuery?
</div>


sorry I meant to change the actual LI when hovering on a LI of the other parent

Would that be possible in CSS or only in jQuery?

<div>
<div class="content wysiwyg-content">
Is there a way to change the style of a child item of a different parent with CSS only?<br />
<br />
Example: <a href="http://jsfiddle.net/ZCZAd/" rel="ugc">http://jsfiddle.net/ZCZAd/<wbr /></a>
</div>
</div>


Is there a way to change the style of a child item of a different parent with CSS only?

Example: http://jsfiddle.net/ZCZAd/ (http://jsfiddle.net/ZCZAd/)

CSS Only, Change Child of a Different Parent

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.