首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >发布链接代码美化另一个CSS文件

发布链接代码美化另一个CSS文件
EN

Webmasters Stack Exchange用户
提问于 2015-01-16 20:11:10
回答 1查看 112关注 0票数 1

我已经安装了完整的Google,美化了prettify-4-Mar-2013.tar.bz2,找到了这里,并且托管自己的JavaScript/CSS可以很好地使用提供的模板:

代码语言:javascript
复制
<head>
    <title>Google Code Prettify testing</title>
    <link href="google-code-prettify/src/prettify.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="google-code-prettify/src/run_prettify.js?autoload=true&skin=sons-of-obsidian"></script>
</head>

我试图链接到一个不同的CSS文件,以便我可以定制它。我从这个Github页面获得了一个,并按照页面上的指示将其保存在google-code-prettify\src中。我按照Github页面上的说明更改了标题。

这相当简单。 1.设置Google Prettify. 2.加载下载的CSS文件而不是prettify.css. 3. Beautiful.

代码语言:javascript
复制
<head>
    <title>Google Code Prettify testing</title>
    <link href="google-code-prettify/src/github.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="google-code-prettify/src/run_prettify.js?autoload=true"></script>
</head>

但是,它只是使用默认的漂亮样式来呈现,而不是使用新CSS文件中的样式。我是新的使用这个工具,并没有非常有经验的设计网站的整体,所以我不知道我做错了什么。

EN

回答 1

Webmasters Stack Exchange用户

发布于 2015-01-16 22:05:02

CSS按照接收到的顺序呈现。

例如,如果您的第一个CSS文件说:

代码语言:javascript
复制
Body{background-color:blue;}

你的第二个CSS文件说:

代码语言:javascript
复制
Body{background-color:red;}

背景将是红色,因为第二个文件覆盖了第一个文件。简单地说,把你的gitup放下来。

在没有看到JavaScript文件的情况下,它可能使用的是document.onReady(),所以在加载页面之后技术上会触发它。

票数 1
EN
页面原文内容由Webmasters Stack Exchange提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://webmasters.stackexchange.com/questions/76169

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档