• Resolved userword

    (@userword)


    whats the difference between

    a{color:blue;}
    a:link{color:blue;}
    :link{color:blue;}

    ive been using the first as i was learning i thought it was the way to select unvisited links, know i read there is a specific unvisited pseudo class :link and then i read people advice to not use a:link and change it for :link without ,a, because of some anchor naming issue i dont understand.

    would you please explain me i suppose im confused and wrong about how that works.

Viewing 8 replies - 1 through 8 (of 8 total)
  • You could cover them all in one definition..

    a, a:link, :link {
    	color:blue;
    }

    ..

    i read people advice to not use a:link and change it for :link without ,a, because of some anchor naming issue i dont understand.

    Do you have a link for where you read that, i’d be interested to have a look at the information.

    Thread Starter userword

    (@userword)

    i was not easy to trace where i read it but got it
    :link not a:link

    it is the last line posted

    and im asking this because i have had crossbrowssing issues (im working locally not published site but already testing fixing) and if
    a
    a:link
    :link

    are not the same that would explain certain issues, as changing all

    a

    for

    a:link

    has solved some issues but arose others.
    so if they are different using them all would not be a good option.

    <a name="top"></a> - named anchor
    <a href="">link</a> - linked anchor
    <a name="example" href=""> - named and linked anchor (you're not likely to use this though)

    a – would apply to all the above
    a:link – would apply to the second and third
    :link – would apply to the second and third

    Hope that helps.. 🙂

    Thread Starter userword

    (@userword)

    HMMM! you think you still dont know css enought then you find your html is rusted 🙂

    yes i get it but any idea wht was that user trying to tell with this

    by removing ‘a’, i.e. a:link dropped for :link, it eliminates named anchor concerns

    it implies different behaviour or maybe some crossbrowser issue when using a:link if anchor is named like in

    <a name="example" href=""> - named and linked anchor</a>

    anyway it seems to be not very important as you say you wont use it.

    again thx you very much

    I think perhaps you are misunderstanding what the fella is saying.

    I’ll quote it again, then translate.

    by removing ‘a’, i.e. a:link dropped for :link, it eliminates named anchor concerns

    By removing a from a:link you remove any concerns you may have had about your styling also effecting named linked anchors (which you may not want to do).

    More simply put, you may want to seperate the CSS your apply to named anchors… ie..

    <a name=""></a>

    ..from the styling you apply to named linked anchors..

    <a name="" href="">link</a>

    Does that help clear it up a little?

    I think he forgot a:link won’t catch a non-named anchor, so his advice is a little misleading (i’ve just spotted the error myself, so you may catch this post pre-edit)..

    Thread Starter userword

    (@userword)

    got it my error was to not consider him being wrong at any time, that why i was confused because i thought that was exactly wht you are telling now, that he was talking about a:link appliying style also on named a tags with no link, but then in your reply i read you telling that a:link would not apply to first example
    <a name="top"></a> - named anchor

    so i was confused

    so im not the only one making errors in this planet that guy make them also , ok thats relaxing:)
    thx you very much again

    This has become definitive post in the world for a, a:link, :link, css explanation.
    someone call guiness records.
    t31os_ thx again

    No problem. I didn’t initially spot the error, it was during posting that i spotted the mistake..

    Like everyone else though, we make mistakes sometimes.., he may not have even noticed he made the error.. 😉

    Admittedly i think i’ve also made an error in my wording above, if anyone can spot the mistake i’ll give them a free virtual cookie (and by virtual i mean non-existent).

    Happy to help in any case… 🙂

    Thread Starter userword

    (@userword)

    effecting named

    and

    I think he forgot a:link won’t catch a non-named anchor

    for

    I think he forgot a:link won’t catch a named anchor

    got 2 non existent cookies? never tasted any of those, hmm non chocolat flavored non existent cookies yammm. It would be funny if im wrong again 🙂

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘css what difference between using selector a whithout or with pseudo class link’ is closed to new replies.