I have the following css rules defined in my <style>...</style>
section:
<style>
div[class*=col-] {border-right: 1px solid #ccc; border-bottom:1px solid #ccc;}
div[class*=col-]:first-child {border-left: 1px solid #ccc; border-top:1px solid #ccc;}
</style>
How can add these rules to the page at runtime using JavaScript only (no jquery).