useing two css file on one page with same class name

is there a way i could use two different css file on one html page with the two css files having same class name e.g

style1.css

container{
  background-color: #ffffff;
}

style2.css

container{
  background-color: #000000;
}

index.html

<div class="style1.css/container"></div>
<div class="style2.css/container"></div>

i have tried it using this e.g

file2.php

<style>
   container{
     background-color: #000000;
   }
</style>
<div class="container">

and in the index.php

<div class="style1.css/container"></div>
<?php 
   include 'file2.php';
?>

i hope someone get what i ama trying to do, i would really appreciate if i could get any help