HTML and CSS - divs and spans: Advanced Web Construction(descendant selector)

s

Head First HTML and CSS
(O'Reilly Media)
Elisabeth Robson (著), Eric Freeman (著)

開発環境

• OS X Yosemite - Apple (OS)
• Safari, Firefox + Firebug, Google Chrome(Webプラウザ、プラグイン)
• BBEdit - Bare Bones Software, Inc. (GUI) , Emacs (CUI) (Text Editor)
• HTML (マークアップ言語)
• Cascading Style Sheets(CSS) (スタイルシート)

Head First HTML and CSS(Elisabeth Robson (著)、 Eric Freeman (著)、O'Reilly Media)のChapter 10(divs and spans: Advanced Web Construction)、Sharpen your pencil(p.438)を解いてみる。

Sharpen your pencil(p.438)

HTML (BBEdit, Emacs)

<style>
  #elixirs h3 {
  color: #d12c47;
  }
</style>
<h1>h1</h1>
<h2>h2</h2>
<div id="elixirs">
  elixirs
  <h2>h2</h2>
  <h3>h3</h3>
  <h3>h3</h3>
  <h3>h3</h3>
</div>
<div id="calendar">
  calenar
  <h1>h1</h1>
  <h2>h2</h2>
  <h3>h3</h3>
</div>

h1

h2

elixirs

h2

h3

h3

h3

calenar

h1

h2

h3