mozilla

Revision 61009 of :visited

  • Revision slug: CSS/:visited
  • Revision title: :visited
  • Revision id: 61009
  • Created:
  • Creator: teoli
  • Is current revision? No
  • Comment It is a pseudo-class not a pseudo-selector; 1 words added, 1 words removed

Revision Content

{{ CSSRef() }}

Summary

The :visited pseudo-class lets you select only links that have been visited.

{{ gecko_callout_heading("2.0") }}

Starting in Firefox 4, major limitations to the styles you can apply using this selector have been introduced. For more information on the limitations and the motivation for them, see {{ Cssxref("Privacy and the :visited selector") }}. The same limitations have been adopted by other browsers, including Safari 5/4.1 and Chrome 6.

Examples

a:visited { color: #4b2f89; }
a:visited { background-color: white } 

Specifications

Browser compatibility

Browser Lowest Version
Internet Explorer 3.5
Firefox 1.0
Opera 3.5
Safari 1.0

See also

  • {{ Cssxref("Privacy and the :visited selector") }}
  • {{ Cssxref(":link") }}

Revision Source

<p>{{ CSSRef() }}</p>
<h3>Summary</h3>
<p>The <code>:visited</code> <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> lets you select only links that have been visited.</p>
<div class="geckoVersionNote"> <p>{{ gecko_callout_heading("2.0") }}</p> <p>Starting in Firefox 4, major limitations to the styles you can apply using this selector have been introduced. For more information on the limitations and the motivation for them, see {{ Cssxref("Privacy and the :visited selector") }}. The same limitations have been adopted by other browsers, including Safari 5/4.1 and Chrome 6.</p>
</div><h3 class="editable">Examples</h3>
<pre>a:visited { color: #4b2f89; }
a:visited { background-color: white } </pre>
<h3 class="editable"><span>Specifications</span></h3>
<ul> <li><a class="external" href="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes" rel="external nofollow" target="_blank" title="http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes">CSS 2.1 Selectors #link</a></li> <li><a class="external" href="http://www.w3.org/TR/css3-selectors/#link" rel="external nofollow" target="_blank" title="http://www.w3.org/TR/css3-selectors/#link">CSS 3 Selectors #links</a></li>
</ul>
<h3 name="Browser_compatibility">Browser compatibility</h3>
<table class="standard-table"> <tbody> <tr> <th>Browser</th> <th>Lowest Version</th> </tr> <tr> <td>Internet Explorer</td> <td><strong>3.5</strong></td> </tr> <tr> <td>Firefox</td> <td><strong>1.0</strong></td> </tr> <tr> <td>Opera</td> <td><strong>3.5</strong></td> </tr> <tr> <td>Safari</td> <td><strong>1.0</strong></td> </tr> </tbody>
</table>
<h3>See also</h3>
<ul> <li>{{ Cssxref("Privacy and the :visited selector") }}</li> <li>{{ Cssxref(":link") }}</li>
</ul>
Revert to this revision