css - 如何使用 CSS 定位语法荧光笔来更改显示的代码字体大小

标签 css wordpress syntax-highlighting

我希望使用 css 来定位 wordpress 语法 highliter 来更改默认字体大小,我无法向 div 添加任何有用的 css 类,并且如果不全局定位所有 div,我似乎无法定位它!

这是从 g-chrome 开始的完整 css 路径,从自动生成的 div 一直到代码。

 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/

最佳答案

使用这种方式有什么问题:

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

屏幕截图

SyntaxHighlighter

完整图像 here ...

关于css - 如何使用 CSS 定位语法荧光笔来更改显示的代码字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12494189/

相关文章:

css - SCSS优化

wordpress - 用一种语言搜索,但转到另一种语言的网站

javascript - 如何从TinyMCE获取高亮文本?

regex - Vim:获取光标下语法元素的内容

javascript - 获取要打印的变量的状态

javascript - 当用javascript推送对象时如何打开一个div并关闭另一个div?

html - 带有 wp_bootstrap_navwalker float 问题的 Bootstrap 菜单

syntax-highlighting - 在用户定义的语言中突出显示括号前没有空格的分隔符

objective-c - 如何获取 -textStorageDidProcessEditing :? 内可见的字符范围

javascript - 如何仅使用 jquery 一次在导航中添加 nav-active 类