p.abstract:after content : p.class « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. p.class

p.abstract:after content

 

<?xml version="1.0" ?>
<!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" lang="en" xml:lang="en">

<head>
  <title>CSS Example</title>
  <style rel="stylesheet" type="text/css">
h1 {
  font-size: 18pt;
}

p {
  font-size: 12pt;
}

p.abstract:after {
  content: "from CSS.";
  color: #ff0000;
}
</style>
</head>

<body>
<p class="abstract">this is a test. this is a test.  </p>
</body>
</html>








Related examples in the same category

1.p::first-letter: font-style: italic
2.p::first-letter
3.p::first-line: letter-spacing: 5px;
4.p.QuickTip:before