RWD CSS つらい

レスポンシブだけどIE8+（IE8はレスポンシブ無し）なサイトを作る時に、

.block__element{
  border-bottom: 1px solid #333;
}

@media only screen and (max-width: 640px) {
  .block__element{
    border-bottom: none;
  }  
}

みたいに、定義したものを取り消す無駄な記述が多くなるのがつらい。
もしくは、

<link rel="stylesheet" media="screen and (min-width: 641px)" href="css/pc.css">
<link rel="stylesheet" media="screen and (max-width: 640px) and (min-width: 0px)" href="css/sp.css">

のパターンだと逆に共通で持たせたいスタイルを継承できなくて、結局つらい。