.wrapper
.item
h3 P:nth-of-type(odd)
div(class="item")
h1 H1
p P
p P
h2 H2
p P
p P
h2 H2
p P
p P
BODY {
font: 12px/1.4 "Trebuchet MS", Arial, sans-serif;
}
A {
color: tomato;
}
H1, H2, P {
padding: 5px;
}
H1, H3 {
margin-bottom: 1rem;
}
H1 {
font: 2.7em/1.4 Georgia, serif;
color: crimson;
}
H2 {
font: 1.8em/1.4 Georgia, serif;
color: coral;
}
H3 {
font: italic 1.6em/1.4 Georgia, serif;
color: #777;
}
P {
margin: .8em 0;
border: 1px dashed #AAA;
}
.wrapper {
width: 90%;
max-width: 800px;
margin: 0 auto;
padding: 20px 0 0;
&:after {
content: '';
display: table;
width: 100%;
clear: both;
}
}
P:nth-of-type(odd){
background: khaki;
}
Also see: Tab Triggers