Folhas de estilo personalizadas

Comunicando com Dados no Tidyverse

Timo Grossenbacher

Data Journalist

Cascading Style Sheets (CSS): Seletores básicos

<h2>Resumo</h2>

<p>A <strong>International 
Labour Organization (ILO)</strong> 
possui muitos 
<a href="http://test.htm">conjuntos de dados
</a> sobre condições de trabalho.

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): Seletores de classe

<h2>Elementos strong</h2>

Aqui estão dois <strong class = "red">
textos em negrito</strong> 
<strong>elementos</strong>.

strong {
  color: "blue";
}

strong.red {
  color: "red";
}

Cascading Style Sheets (CSS): Combinadores

<div>

  <p>
    Isto é um 
    <strong>elemento em negrito</strong>
    dentro de um parágrafo
  </p>

  Isto é outro
  <strong>elemento em negrito</strong>
  fora de um parágrafo.

</div>

div strong {
  color: "green";
}

div > strong {
  color: "red";
}

Encontre mais seletores e a referência completa de CSS na Mozilla Developer Network.

Vamos praticar!

Comunicando com Dados no Tidyverse