Verschachelte CSS Elemente in JavaScript

[Sipatshi]

Hallo Gemeinde,

wie kann ich folgenden CSS-Code in Javascript umsetzen?:

CSS

#box {
  Anweisung: wert;
}
#box ul {
  Anweisung: wert;
}
#box ul li {
  Anweilsung: wert;
}

XHTML

<div id="box">
  <ul>
    <li>Text 1</li>
    <li>Text 2</li>
  </ul>
</div>

Gruß

Sipatshi