I'm trying to merge two CSS files from different vendors. The first one defines

```
body.mine div {border:1px solid red}

```

The second one

```
.blue-border {border:1px solid blue}

```

In the generated HTML, you can find

```
<div class="blue-border">hello</div>

```

This looks red, not blue. I can't modify the HTML, nor the first CSS code. My only "hope" is to modify the second CSS. Any hints? Thank you very much!

Example:

```
<html>
 <head>
   <style>
     body.mine div {border:1px solid red}
     .blue-border {border:1px solid blue}
   </style>
 </head>
 <body class="mine">
   <div>hallo</div>
   <div class="blue-border">hello</div> <- looks red, not blue as I want
 </body>
</html>

```