html - :hover not working on stacked font-awesome icon -


I am trying to do something very simple when the horrible change in the font is painted from the color, inside I I'm looking at the icon (question mark) as I want, but the outer circle color is not changing. HTML and CSS below:

  // HTML: & lt; Span class = "more-info-toggle f-stack" & gt; & Lt; A href = "#" id = "more-info-sharing-toggle" data-toggle = "tooltip" title = "Why Share?" & Gt; & Lt; I class = "fa fa-circle-o fa-stack-2x" & gt; & Lt; / I & gt; & Lt; I class = "fa-fa-questions fa-stack-1x" & gt; & Lt; / I & gt; & Lt; / A & gt; & Lt; / Span & gt; // CSS: .more-info-toggle: hover {color: # 53AB46; }  

Any idea why the external circle color is not changing? Thank you.

A typo should be:

  # more-info -share-toggle: hover {color: # 53AB46; }  

The ID was not matched, and it should be #.


Comments

Popular posts from this blog

java - org.apache.http.ProtocolException: Target host is not specified -

java - Gradle dependencies: compile project by relative path -

ruby on rails - Object doesn't support #inspect when used with .include -