<meta charset="UTF-8">
<title>Element specific selectors</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
body {
	font-size: 90%;
	font-family: Georgia;
h1 {
	font-size: 1.6em;
h2 {
	font-size: 1.2em;
/*add styles here*/
.date {
	font-weight: bold;
	color: navy;
.artist {
	font-weight: bold;
	font-style: italic;
	color: brown;
h2.artist {
	font-style: normal;
	color: black;
	font-variant: small-caps;
#mainHeader {
	background: gray;
	color: white;
	padding: 15px;
aside#featuredArtist {
	width: 300px;
	padding: 15px;
	background: tan;
<header id="mainHeader">
<h1>Welcome to Desolve.org</h1>
<article id="news">
<h1>Latest News</h1>
<p>I am a paragraph, and contain information relating to the headline. Any time an artist's name is used, I'd like it identified each time it appears in my content, something I can't currently do with HTML elements alone, even though I can <em>emphasize</em> certain text, or make text <strong>stand out</strong> from the text around it, as these elements don't convey any meaning.</p>
<li><span class="artist">Toby Malina</span> will be in Miami on <span class="date">January 15th.</span></li>
<li>A new exhibit from <span class="artist">Jeff Layton</span> will open in New York starting in <span class="date">May</span>.</li>
<li>Meet <span class="artist">Shea Hansen</span> at the Cheek Chastain gallery in Columbia, SC on <span class="date">April 13th</span></li>
<aside id="featuredArtist">
<h1>Featured Artist</h1>
<h2 class="artist">Simon Allardice</h2>
<p>I am a paragraph that contains information pertaining to the secondary area. I include information about <span class="artist">Simon Allardice</span> as well.</p>
<footer id="pageFooter">
<p>copywrite and legal disclaimer</p>
  • индивидуальные_селекторы_по_элементу.txt
  • Последнее изменение: 2019/10/01 16:13
  • (внешнее изменение)