title: How to manage clashing third party CSS
body: <p>I'm working on a web application which is using Materialize as a front-end framework along with Kendo UI for the grid component.</p>
  
  <p>I'm hitting problems in cases where both Kendo UI and Materialize have styles for the same element - for example they both override the styling on check boxes - this results in a broken layout due to the clash.</p>
  
  <p>One option I realize is to pick either Materialize or Kendo UI and drop the other... however I would like to avoid this if possible as they in the most part have complemented each others weaknesses well. </p>
  
  <p>If it was simply one element here or there putting specific overrides in would be an option however with the scale of the two frameworks this would be a maintenance nightmare as when one changed the overrides would possibly have to be refactored.</p>
  
  <p>Are there any ways to solve this issue that I am missing? </p>