a[href^='http : Anchor class : Basic Tags HTML CSS TUTORIALS

HTML CSS TUTORIALS » Basic Tags » Anchor class »

a[href^='http


 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

  <title>Chapter 3 Example: :before and :after Pseudo-elements</title>
  <style type="text/css" media="screen">
    body {
      padding:.5em;
    }
    a[href^='http://']:hover { 
        content:" [" attr(href) "]";
        font-size:90%;
        font-style:italic;
        color:red; }
  </style>
  
</head>

<body>
  <p>Please visit <a href="">my site</a> .</p>

</body>
</html>