声明： 本文编译自 Ulysses Style Sheets Reference ， 本人文科生，计算机术语不懂，因为使用 Ulysses，所以编译出来自己参考、学习，勿喷。

什么是样式？

通过设定Ulysses的样式，可以自定义导出的文本的具体排版样式。
Ulysses的样式语法，由样式类别定义，每个样式类别包含两部分：样式选项，样式设置。（A style class consists of a style selector and some style settings .）如：

inline-strong {
font-family: "Cochin"
font-weight: bold
}

也可以写成：

inline-strong { font-family: "Cochin"; font-weight: bold; }

其中 inline-strong 是样式选项。

样式选项

样式选项又分两种，一种就是普通的关于某一选项，比如 inline-strong 或 heading-1，还有一种是关于某类选项，比如 list-all ，它就包含了所有的 list 选项——有序列表和无序列表。又 heading-all ，就包含了所有的标题。都有哪些选项，具体参见：Ulysses Style Sheets Reference 。

选项之间的关联

选项之间可以有四种关联，如下：

运用这些关联，可以灵活地为特定位置的内容定义特殊样式。

伪类别

伪类同样可以实现特定位置内容的样式。

顺序

有时候，同一项内容，有几个选项都定义了它的样式。如：

list-all {
margin-top: 5pt
margin-left: 10pt
}

list-ordered {
margin-left: 20pt
}

defaults {
font-size: 14pt
}

所以它的样式会按定义的顺序来实现。上例中，有序列表中的内容，会先实现 list-all ，然后是 list-ordered ，最后是 defaults。

margin-top: 5pt // from list-all
margin-left: 20pt // from list-ordered
font-size: 14pt // from defaults

继承

一个样式嵌套在另一个样式当中的时候，内层的内容将继承外层的格式。比如，在块引用当中有一个一级标题，一级标题中又有行内强调：

block-quote {
font-family: "Cochin"
font-slant: italic
}

heading-1 {
font-family: "Futura"
font-size: 24pt
}

inline-strong {
font-weight: bold

}

在这种情况下，运用了行内强调的文字，其格式为：

font-family: "Futura" // heading-1 overwrites the font-family of block-quote
font-slant: italic // Inherited form block-quote
font-size: 24pt // Set by heading-1
font-weight: bold // Set by inline-strong

预设组件

有些样式会用到一些相同的设置，这时候，就可以把这些需要用到的相同的设置预设成一个组件，然后在用到这些设置的样式当中进行引用就可以了，比如：

@general-code-style {
font-family: "Courier"
font-size: 12pt
}

inline-code : @general-code-style {
color: #0000ff
}

block-code : @general-code-style {
color: #ffffff
background-color: #0000ff
}

而且一个样式还可以引用多个组件，语法如下：

some-style : @first-mixin, @second-mixin, @third-mixin {
}

怎样对样式进行设置？

样式设置，又包括两部分，设置样式的某类属性，以及将这一属性设定为某个值。如：

inline-strong {
font-weight: bold;
}

font-weight 就是字体的粗细属性，这里设定为粗体 bold。

属性值

不同的属性，对应的属性值是不同的。类别如下：

表达式

某些值是可以进行四则运算的，比如长度值：

$base-size = 12pt

heading-1 {
font-size: $base-size * 2
}

heading-2 {
font-size: $base-size * 0.5
}

变量

像上面讲的预设组件一样，可以预设一些变量，后面的设定就可以在变量基础上进行四则运算来实现设置，如：

$base-size = 12pt
$heading-size = $base-size * 2

运算

四则运算也是可以嵌套的，如：

$some-variable = 4 * (5 / (2 + 3))

当然，并不是所有的属性值都可以进行四则运算。具体见下表：