如何在运行时通过JavaScript添加CSS样式？

Question

我在<style>...</style>部分中定义了以下css规则：

<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>

如何在运行时使用JavaScript（无jquery）将这些规则添加到页面中。