<div>
As a matter of interest - why are your menu items in a &lt;ul&gt; but the actual items are in &lt;p&gt; elements rather than &lt;li&gt; ?<br />
<br />
Here is what you can do<br />
First set the hover colour for the default hover state - will include the first menu item<br />

<pre><code id="code-20-41752623-1">#jux_accord-menu .menu_head a span:hover {
  color: yellow;
}</code></pre>
Now override first menu item to have colour white on hover - so it looks like there is no change when the first menu item is hovered.<br />
<br />

<pre><code id="code-20-41752623-2">#jux_accord-menu .menu_head:first-child a span:hover {
  color: #fff;
}</code></pre>
</div>


As a matter of interest - why are your menu items in a <ul> but the actual items are in <p> elements rather than <li> ?

Here is what you can do
First set the hover colour for the default hover state - will include the first menu item


#jux_accord-menu .menu_head a span:hover {
  color: yellow;
}

Now override first menu item to have colour white on hover - so it looks like there is no change when the first menu item is hovered.



#jux_accord-menu .menu_head:first-child a span:hover {
  color: #fff;
}

<div>
Thanks! &nbsp;Perfect! &nbsp;Rowby
</div>


<div>
<div class="content wysiwyg-content">
Hello,<br />
<br />
Please look at this page <a href="http://dev07.schoolofmusic.ucla.edu/faculty" rel="ugc">Test site</a><br />
<br />
On the right is a menu that starts with the word on top &quot;View all faculty&quot;<br />
<br />
When the mouse hovers over the links below, I would like the text to have a different color. &nbsp;The text is spanned, and I am not sure how to change the hover color when the mouse hovers over the text item.<br />
<br />
Example &nbsp; &lt;span class=&quot;menu-title&quot;&gt;Music Education&lt;/span&gt;<br />
<br />
I want &quot;Music Education&quot; to be yellow when the mouse is over it. &nbsp; And only for the span class &quot;&quot;menu-title&quot;<br />
<br />
I've tried various css but none are working.<br />
<br />
Thanks!<br />
<br />
Rowby
</div>
</div>


Hello,

Please look at this page Test site (http://dev07.schoolofmusic.ucla.edu/faculty)

On the right is a menu that starts with the word on top "View all faculty"

When the mouse hovers over the links below, I would like the text to have a different color.  The text is spanned, and I am not sure how to change the hover color when the mouse hovers over the text item.

Example   <span class="menu-title">Music Education</span>

I want "Music Education" to be yellow when the mouse is over it.   And only for the span class ""menu-title"

I've tried various css but none are working.

Thanks!

Rowby

Getting Text hover to work with spanned text

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.