Currently delving into some sample HTML from codrops. I came across the following CSS styling. After scouring the web, it seems others have used span.reference, but I can't seem to grasp the purpose of .reference.
Any insights would be much appreciated.
span.reference a {
color: #aaa;
text-transform: uppercase;
text-decoration: none;
text-shadow: 1px 1px 1px #000;
margin-right: 30px;
}
Adding the link to the actual example on the codrops website: http://tympanus.net/codrops/2010/07/16/slide-down-box-menu/
Despite thoroughly going through the html and css files, I couldn't find any instance of a class named reference. When I eliminated all instances of reference in the menu.css code, the menu system example stopped functioning correctly.
Is there an implicit class that I'm overlooking or am I missing something fundamental here?
Oops, my mistake. I realized that I had transferred the inline style to a separate menu.css file, then removed the links back to codrops which, as you all rightly pointed out, contained a class called "reference". Moreover, when making alterations to the CSS to observe their impact, I accidentally left out a specific line which resulted in the menus becoming jumbled. Restoring the original settings fixed the issue. It seems I got fixated on the class "reference" and failed to troubleshoot properly.
I apologize for losing track of my actions.
"sound of me with my foot in my mouth"