In my quest for customization, I aim to achieve a specific display format:
My desire is to highlight a segment of code within a code block that already has syntax highlighting. This task pertains to a markdown file residing on Github and being served via Github Pages (using kramdown markdown, html, css).
I understand that syntax highlighting can be implemented inside a code block like so:
java
int foo (void) {
int i;
}
Additionally, I am aware that individual text in a code block can be highlighted by employing the following technique:
<pre><code>int foo (void) {
<span style="background-color:yellow">int i;</span>
}
</code></pre>
However, the challenge lies in merging these two elements seamlessly. How can this be accomplished effectively?