CSSをprettify（シンタックスハイライト）に割り当てる方法

私はシンタックスハイライトを私のblogで使用しました。シンタックスハイライターが必要ですが幅を調整する必要があり、またいくつかのセンターエリアでコードを伸ばす必要があります。CSSをprettify（シンタックスハイライト）に割り当てる方法

私はこの

<pre class="prettyprint" style="padding: 12px; width: 320px;"> 
</pre>

にこの"padding: 12px; width: 320px;"のように使用しているしかし、私は飾り立てるコードの外部リソースと一致し、より最適な方法を追加する必要があります。

cssクラスを使用して、それをpre要素に適用します。たとえば：

はCSS：

.blogCodeContainer{ 
    padding: 12px; 
    width: 320px; 
}

はHTML：

<pre class="prettyprint blogCodeContainer"> 
</pre>

2016-07-13 12:50:37 Catto

ええ........働いたが、それは文句を言わない、テンプレート内のコードの他の部分に影響を与えるuはよろしいですか？ – overflowstack9

テンプレート内のコードの他の部分には影響しません。また、Chromeのインスペクタ（またはブラウザの開発ツール）を開いて、適用されているスタイルと順序を正確に確認することもできます。希望が助けてくれる！ – Catto

答えて