mdx文件如何外链 css 格式文件？

priestpdawiki · 发表于 2016-2-27 10:22:23

我想做一个css文件来控制mdx中的格式，但是我网上查了一下资料，发现说 css的连接地址，必须写在html文件的<head>中，但mdx文件是没有<head>标签的呀？

mdx的基本格式就是下面的：

单词1
 
解释1，例句1
 
解释2，例句2
</>
单词2
……

请问我要对mdx添加css，该如何操作？能给个范例么？

大傻子 · 发表于 2016-2-28 17:39:37

用CSS的话，不般都是用class或者ID来控制，上面的例句中设置了字体颜色的，都是没有划分class或者Id的，建议将他们归为一个class或者id，就好控制了。

menglongma · 发表于 2016-2-27 10:42:38

aboard

<link rel="stylesheet" type="text/css" href="ldoce4blsc.css" /> a?board1 / ??b?rd ; ??b?:d / ?prep ? 1. on or onto a ship, plane, or train在〔船，飞机，火车〕上; 上〔船，飞机，火车〕: <a href="sound://9685.spx"><img src="voice.png" border="0"></img></a>They finally went aboard the plane. 他们终于登上了飞机。<hr color=blue noshade>aboard2 ?adv ? 1. on or onto a ship, plane, or train在船（飞机，火车）上; 上船（飞机，火车）: <a href="sound://17041.spx"><img src="voice.png" border="0"></img></a>The plane crashed, killing all 200 people aboard. 飞机失事，机上 200 人全部遇难。 The boat swayed as he stepped aboard. 他上船时，船晃了起来。 ? 2. All aboard!, [spoken] used to tell passengers of a ship, bus, or train that they must get on because it will leave soon请大家上船（上公共汽车，上火车）！
</>

其中 <link rel="stylesheet" type="text/css" href="ldoce4blsc.css" /> 就是你要的链接你只需把这部分链接放在每个单词释义之前，另外做一个css文件，保证css文件名字和单词释义编辑中链接的css名称一致即可。

menglongma · 发表于 2016-2-27 10:43:46

请见下例：
单词 aboard

释义： <link rel="stylesheet" type="text/css" href="ldoce4blsc.css" /> a?board1 / ??b?rd ; ??b?:d / ?prep ? 1. on or onto a ship, plane, or train在〔船，飞机，火车〕上; 上〔船，飞机，火车〕: <a href="sound://9685.spx"><img src="voice.png" border="0"></img></a>They finally went aboard the plane. 他们终于登上了飞机。<hr color=blue noshade>aboard2 ?adv ? 1. on or onto a ship, plane, or train在船（飞机，火车）上; 上船（飞机，火车）: <a href="sound://17041.spx"><img src="voice.png" border="0"></img></a>The plane crashed, killing all 200 people aboard. 飞机失事，机上 200 人全部遇难。 The boat swayed as he stepped aboard. 他上船时，船晃了起来。 ? 2. All aboard!, [spoken] used to tell passengers of a ship, bus, or train that they must get on because it will leave soon请大家上船（上公共汽车，上火车）！
</>

其中 <link rel="stylesheet" type="text/css" href="ldoce4blsc.css" /> 就是你要的链接你只需把这部分链接放在每个单词释义之前，另外做一个css文件，保证css文件名字和单词释义编辑中链接的css名称一致即可。

priestpdawiki · 发表于 2016-2-27 11:07:52

本帖最后由 priestpdawiki 于 2016-2-27 11:16 编辑

menglongma 发表于 2016-2-27 10:42
aboard

a?board1 / ??b?rd ; ??b?:d / ?prep? 1. on or onto a ship, plane, or train在〔船，飞机，火 ...

非常感谢大神指点！我发现你的例句中，对mdx中的内容已经有过属性赋值了，比如字体颜色、字号大小什么的，都已经有了明确的数值，那么我再用外部的css来控制时，是否就是能覆盖了mdx这些内容本身的数值呢？

LYX1692 · 发表于 2016-2-28 06:13:21

priestpdawiki 发表于 2016-2-27 11:07
非常感谢大神指点！我发现你的例句中，对mdx中的内容已经有过属性赋值了，比如字体颜色、字号大小什么 ...

用CSS的话，不般都是用class或者ID来控制，上面的例句中设置了字体颜色的，都是没有划分class或者Id的，建议将他们归为一个class或者id，就好控制了。

priestpdawiki · 发表于 2016-2-28 12:48:45

LYX1692 发表于 2016-2-28 06:13
用CSS的话，不般都是用class或者ID来控制，上面的例句中设置了字体颜色的，都是没有划分class或者Id的， ...

明白了，谢谢，我又查了下css使用教材，终于实现了最简单的外链css格式控制效果

[求助] mdx文件如何外链 css 格式文件？