1

CSS の例

#wrap{margin:20px}

コードの整形は行全体を.com

<span class="com">#wrap{margin:20px}</span>

誰かがここで同様の問題を抱えています。

誰かが「lang-css.js を読み込んでいますか?」と答える場所。

これが私がフッターにロードしているものです。

<script src="/js/google-code-prettify/lang-css.js"></script>
<script src="/js/google-code-prettify/prettify.js"></script>

どちらもWebインスペクタで見ることができます。順番を変えてヘッダーから読み込んでみました。最新バージョンを使用しています。

すべてのヘルプは大歓迎です:)

ありがとう！

4

1 に答える 1

3

JavaScript ファイルにリンクする順序は重要です。最初にベース コード (prettify.js) を呼び出し、次に CSS 固有のコード (lang-css.js) を呼び出す必要があります。スクリプト タグは、head セクションまたはドキュメントの最後に配置できます...どちらも機能しますが、ドキュメントの最後に配置すると、ページの読み込みが高速化されます。

<script src="/js/google-code-prettify/prettify.js"></script>
<script src="/js/google-code-prettify/lang-css.js"></script>



また、ドキュメントのヘッドでスタイルシートをリンクしていることを確認する必要があります。

<link rel="stylesheet" type="text/css" href="/css/prettify.css">



また、pre タグに正しいクラスを追加する必要があります。lang-css.js に含まれる構文強調表示関数は、クラス「lang-css」を <pre> タグに追加しないと呼び出されません。

<pre class="prettyprint lang-css linenums">



最後に、ページの読み込み時に「prettyPrint()」関数を呼び出すようにしてください。

<body onload="prettyPrint()">
于 2012-06-16T21:29:49.660 に答える