Власні таблиці стилів

Комунікація за допомогою даних у Tidyverse

Timo Grossenbacher

Data Journalist

Cascading Style Sheets (CSS): Базові селектори

<h2>Підсумок</h2>

<p><strong>Міжнародна 
організація праці (ILO)</strong> 
має багато 
<a href="http://test.htm">наборів даних
</a> про умови праці.

h2 {
  font-family: "Bookman", serif;
}

body, h1, h2 {
  font-family: "Bookman", serif;
}

strong {
    color: "red";
}

a {
    color: #0000FF;
    font-weight: bold;
}

Cascading Style Sheets (CSS): Селектори класів

<h2>Елементи strong</h2>

Тут два <strong class = "red">
жирні</strong> 
<strong>елементи</strong>.

strong {
  color: "blue";
}

strong.red {
  color: "red";
}

Cascading Style Sheets (CSS): Комбінатори

<div>

  <p>
    Це 
    <strong>жирний елемент</strong>
    всередині абзацу
  </p>

  А це ще один
  <strong>жирний елемент</strong>
  поза абзацом.

</div>

div strong {
  color: "green";
}

div > strong {
  color: "red";
}

Знайдіть більше селекторів і повний довідник CSS на Mozilla Developer Network.

Давайте потренуємось!

Комунікація за допомогою даних у Tidyverse