Solved

Is this ">" a css feature or a typo??

Posted on 2013-10-28
10
87 Views
Last Modified: 2013-11-01
Hello,

I see this line in a stylesheet

div.moduletable_bigMenu li > a:link, a:visited, a:hover, a:active {

Is that > a feature or a typo?

If it's a css feature, what does it do?

And can it be compared to a comma , that I sometimes see in css.

Thanks!

Rowby
0
Comment
Question by:Rowby Goren
  • 5
  • 5
10 Comments
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39607473
And to further show my ignorance

is

a

 the same as a:link?
0
 
LVL 58

Accepted Solution

by:
Gary earned 500 total points
ID: 39607489
Matches direct children only
So it wouldn't match a:link if it was a deeper child

e.g
This would match
<div class="moduletable_bigMenu li"><a></a></div>

This wouldn't because it is not a direct child
<div class="moduletable_bigMenu li"><div><a></a></div></div>
0
 
LVL 58

Expert Comment

by:Gary
ID: 39607495
To the other bit :link is unvisited links as opposed to links that have been clicked.
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39607497
Ah, thanks.

And  finally

is

a

 the same as a:link?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39607506
See comment above.
Similar but not the same.
Just targeting a would make all links the same color whether visited or not.
0
IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

 
LVL 9

Author Comment

by:Rowby Goren
ID: 39607514
AHHHHHHH!

And that includes HOVER   --- ALL links, right?

Rowby
0
 
LVL 58

Expert Comment

by:Gary
ID: 39607535
If you didn't set any other state then it would include all states. I've never used it as I will generally just set a style for all links with no hover or visited (sometimes visited).
0
 
LVL 9

Author Comment

by:Rowby Goren
ID: 39607620
If you don't set a style for no hover then will the browser default style kick in?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39607693
I just wanna clear something up (my inebriated state before interfered with my brain and fingers)

An anchor tag is not necessarily a link
<a>Hello</a>
is different from
<a href="somelink.html">Click Me</a>
See http://jsfiddle.net/vefh5/4/
a:link would not affect <a>Hello</a> because it is not a link.
0
 
LVL 9

Author Closing Comment

by:Rowby Goren
ID: 39617552
Thanks GaryC123!

Rowby
0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
In this tutorial viewers will learn how to define a gradient in CSS. Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Gradient. Define the background as "linear-gradient(to right, #ee3668, black)". Ensure you …
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…

757 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now