a:focus {
  color: red;
}

ul.firstlast li:first-child {
  color: green;
}

ul.firstlast li:last-child {
  color: gray;
}

ul.odd li:nth-child(odd) {
  color: green;
}

ul.even li:nth-child(even) {
  color: green;
}

ul.kolmas li:nth-child(3) {
  color: green;
}

div.lohko-ominaisuudet {
  margin: 2em;
  padding: 1em;
  border: 2px solid green;
  border-radius: 15px;
  text-shadow: 1px 2px 3px red;
  box-shadow: 10px 10px 15px blue;
}

div.sarakelayout {
  column-count:3;
  -moz-column-count:3; /* Firefox */
  -webkit-column-count:3; /* Safari and Chrome */
  column-width: 10em;
  -moz-column-width: 10em; /* Firefox */
  -webkit-column-width: 10em; /* Safari and Chrome */
  column-gap: 2em;
  -moz-column-gap: 2em; /* Firefox */
  -webkit-column-gap: 2em; /* Safari and Chrome */     
  column-rule: 3px solid blue;
  -moz-column-rule: 3px solid blue; /* Firefox */
  -webkit-column-rule: 3px solid blue; /* Safari and Chrome */
}

div.flex {
  display: flex;
  flex-direction: row;
}

div.flex p {
  flex: auto;
}