如何通过CSS突出显示java代码？

<pre class="java-code">
public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}
</pre>

.java-code {
    font-family: 'Courier New', monospace;
    font-size: 14px;
    color: #333;
    background-color: #f8f8f8;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
}

.java-code .keyword {
    color: #0074D9;
    font-weight: bold;
}

.java-code .string {
    color: #FF4136;
}

.java-code .comment {
    color: #888;
    font-style: italic;
}

<pre class="java-code">
<span class="keyword">public</span> <span class="keyword">class</span> HelloWorld {
    <span class="keyword">public</span> <span class="keyword">static</span> <span class="keyword">void</span> main(String[] args) {
        System.out.<span class="keyword">out</span>.println(<span class="string">"Hello, World!"</span>);
    }
}
</pre>