Precedence order of execution of CSS styles
<p>I am confused about the sequence of CSS styles that applies to HTML. I am creating HTML elements and adding styles from JavaScript. Additionally, I also have a <em>stylesheet</em> that applies to elements. </p>

<h3>JavaScript:</h3>

<pre><code>element.style.someStyle = ' ';

element.classList.add('style');
</code></pre>

<h3>CSS:</h3>

<pre><code>element { 
    someStyle = ' ' 
}
</code></pre>

<p>What will be the precedence order?</p>