类似于Github的内联代码样式

ean*_*ang 5 html css

我正在使用prism.js库“语法突出显示”我的代码片段。片段可以是一个代码块:

<pre>
  <code class="language-java">
    int a = 3;
    int b = 5;
  </code>
</pre>
Run Code Online (Sandbox Code Playgroud)

或简单的内联代码:

Type <code>git log</code> in your prompt!
Run Code Online (Sandbox Code Playgroud)

我正在尝试模仿github-方式来设置这两个代码段类别的样式,例如,请参见此处

这是我当前(断开)的CSS代码:http : //jsfiddle.net/hdy44/2/

是否存在一种border-radius仅对非code元素子pre元素应用元素的方法?

当然,我可以inline向内联code元素添加一个自定义类(例如),然后将border-radius唯一的类应用于pre.inline,但这将需要更多的输入。