2

デフォルトのフォントサイズを変更するために、css を使用して wordpress 構文ハイライターをターゲットにしようとしています。便利な css クラスを div に追加することはできず、すべての div をグローバルにターゲットにしないとターゲットにできないようです!

g-chrome から、自動生成された div からコードまでの完全な CSS パスを次に示します。

 div#"individual-ID-for-each-code-example-here".syntaxhighliter div.lines div.line.alt1 table tbody tr td.content code.string

私は .syntaxhighliter と他のすべてをターゲットにしようとしましたが、運の悪い pre を含めて、ここに欠けている簡単なものはありますか?

html は次のとおりです。

<pre class="brush: php; title: ; notranslate" title="">

<!--CODE GOES HERE-->

</pre>

それが役立つ場合は、ページ自体を次に示します。

http://msc-media.co.uk/blog/

4

2 に答える 2

2

この方法を使用する際の問題は何ですか:

.syntaxhighliter table tbody tr .code code.string {
    font-size: 12pt !important;
}

スクリーンショット

シンタックスハイライター

全体像はこちら...

于 2012-10-07T14:30:54.753 に答える
2

貢献してくれた Praveen Kumar に感謝しますが、.css ファイルを指定すると、デフォルト テーマのフォント サイズのみが変更されます。将来、テーマを交換することを選択した場合、フォント サイズは元に戻ります。

これはすべてのテーマ テンプレートに適用されるため、shCore.css の font-size を変更しました。(シンタックス ハイライター 2 の 56 行目)。

言及されたCSS：

.syntaxhighlighter,
.syntaxhighlighter div,
.syntaxhighlighter code,
.syntaxhighlighter table,
.syntaxhighlighter table td,
.syntaxhighlighter table tr,
.syntaxhighlighter table tbody
{
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    background: none !important;
    text-align: left !important;
    float: none !important;
    vertical-align: baseline !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    height: auto !important;
    width: auto !important;
    line-height: 1.1em !important;
    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
    font-weight: normal !important;
    font-style: normal !important;

    font-size: 0.98em !important; <- This! (Reduced from 1em, surprisingly this was enough)

    /*min-height: inherit !important; *//* For IE8, FF & WebKit */
    /*min-height: auto !important;*/ /* For IE7 */
    direction: ltr !important;
}
于 2012-10-07T17:06:15.250 に答える