// comments denote default rule behaviour

h1 {
  color: #fff;
}

// mergeable with the rule above
h1 {
  margin: 0;
}

h1.new > p{
  color: #000;
}

h1,
h2,
h3 {
  color: #fff;
}

// mergeable with the rule above
h1, h2, h3 {
  color: #fff;
}

.mergeable .test {
  color: #000;
}

// mergeable with the rule above
.mergeable .test {
  border: 1px solid #fff;
}

.mergeable, .test {
  color: #000;
}

// mergeable with the rule above
.mergeable, .test {
  border: 1px solid #fff;
}

.mergeable #h1.new {
  color: #000;
}

input[type='text'] {
  border: 0;
}

// mergeable with the rule above
input[type='text'] {
  background: none;
}

input[type='radio'] {
  color: red;
}

ul > li {
  padding: 0;
}

// mergeable with the rule above
ul > li {
  margin: 0;
}

div p {
  padding: 0;
}

// meregeable with the rule above
div p {
  padding: 0;
}

div > p {
  margin: 0;
}

// mergeable with the rule above
div > p {
  padding: 0;
}

* {
  margin: 0;
}

//mergeable with the rule above
* {
  margin: 0;
}

[target] {
  padding: 0;
}

// mergeable with the rule above
[target] {
  padding: 0;
}

p:last-child {
  margin: 0;
}

// rule is mergeable with the rule above
p:last-child {
  margin: 0;
}

p:nth-of-type(2) {
  margin: 0;
}

// rule is mergeable with the rule above
p:nth-of-type(2) {
  margin: 0;
}

input:read-only {
  content: '';
}

// mergeable with the rule above
input:read-only {
  content: '';
}

.b-some {

  .image + .buttons {
    margin-top: 14px;

    &__test {
      content: '';

      #h1 {
        content: '';
      }

      #h2 {
        content: '';
      }
    }
  }
  .image {
    content: '';
  }

  //mergeable with the .image rule directly above
  .image {
    margin: 2px;

    .image + .buttons {
      margin-top: 14px;

      &__test {
        content: '';

        #h1 {
          content: '';
        }

        #h2 {
          content: '';
        }
      }
    }
  }
  &__end {
    content: '';
  }
}

// mergeable with the previous block
.b-some {

  &__image {
    width: 100%;
  }
  &__image + &__buttons {
    margin-top: 14px;
  }

  //mergeable with the end rule in the previous block
  &__end {
    content: '';
  }
}

p::first-line {
    color: #ff0000;
    font-variant: small-caps;
}

// mergeable with the rule above
p::first-line {
  color: #ff0000;
  font-variant: small-caps;
}

ul ~ p {
   color: #ff0000;
}

.test {
  .bar {
    color: blue;
  }
}

// 2 rules mergeable with the rules above
.test {
  .bar {
    color: red;
  }
}

//make sure a low level selector doesn't flag with a nested selector above
.bar {
  content: '';
}