• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 98
  • Last Modified:

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

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
Rowby Goren
Asked:
Rowby Goren
  • 5
  • 5
1 Solution
 
Rowby GorenAuthor Commented:
And to further show my ignorance

is

a

 the same as a:link?
0
 
GaryCommented:
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
 
GaryCommented:
To the other bit :link is unvisited links as opposed to links that have been clicked.
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
Rowby GorenAuthor Commented:
Ah, thanks.

And  finally

is

a

 the same as a:link?
0
 
GaryCommented:
See comment above.
Similar but not the same.
Just targeting a would make all links the same color whether visited or not.
0
 
Rowby GorenAuthor Commented:
AHHHHHHH!

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

Rowby
0
 
GaryCommented:
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
 
Rowby GorenAuthor Commented:
If you don't set a style for no hover then will the browser default style kick in?
0
 
GaryCommented:
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
 
Rowby GorenAuthor Commented:
Thanks GaryC123!

Rowby
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Amazon Web Services - Basic

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

  • 5
  • 5
Tackle projects and never again get stuck behind a technical roadblock.
Join Now