Friday, 1 June 2007

External links in css

Use the following code to indicate the difference between an external link and an internal link:

*Does not work in Internet Explorer 6 (I think) One for the future!

a[href^="http:"]{
selectors
}

a[href^="http:"]:visited{
selectors
}

a[href^="http:"]:hover{
selectors
}

a[href^="http:"]:active{
selectors
}

It can also be used for mailto:

a[href^="mailto:"]{
}

No comments: