的CSS一個標籤而不是其他

Question

我的html代碼如下：產生

<code>concat</code> 
<pre class="sourceCode haskell"> 
    <code class="sourceCode haskell">concat</code> 
    <code> something else </code> 
    some more 
</pre> 

此代碼，因此它不改變它的選項。

我想syalize的<code>標籤以同樣的方式爲pre標籤（有邊框），但是我不想多的邊界，當我<pre>標籤中把<code>。

基本上我的問題是：是否有一種方式來編寫code，只有當它不在<pre>標籤中。

這可能嗎？如果是這樣，怎麼樣？

Answer 1

樣式代碼，然後風格的代碼是預先的後代不同。

code { border: foo; } 
pre code { border: none; } 

Answer 2

你需要指定一組花式爲code，一個用於pre code。

舉個例子：

code { 
 
    border: 1px solid black; 
 
} 
 
pre { 
 
    border: 1px solid blue; 
 
} 
 
pre code { 
 
    border: 0; 
 
}

<code> 
 
    test 
 
</code> 
 

 
<pre> 
 
    <code> 
 
    Test code in pre 
 
    </code> 
 
</pre>

Answer 3

所以，你要...

pre, 
code{ 
    border: 1px solid red; 
} 
pre code{ 
    border: 0; 
} 

...所以，無論是風格相同，除非<code>嵌套裏面<pre>