降價樣式的最佳方法

Question

我在網站上使用Jekyll來使用GitHub頁面布局網站。 效果很好。 一個問題是降價表的布局不正確。 發現表沒有默認樣式，因此除非您為表明確指定一些樣式。 代碼如下：

---
layout: page
permalink: "/membership/join/"
title: Joining the Readium Foundation
---
<style>
.tablelines table, .tablelines td, .tablelines th {
    border: 1px solid black; padding:10px;
    }
</style>

|  Company Type  | Total Company Revenue | Member Dues |
|:-------------:|:-------------:|:------------:|

與Jekyll一起使用時效果很好。 但是，當在GitHub Wiki上為相同的存儲庫使用類似的代碼時，標記及其內容也會被呈現。 該代碼如下所示：

<style>
.tablelines table, .tablelines td, .tablelines th {
    border: 1px solid black; padding:10px;
    }
</style>

|  Publication  | URL | Langauge |
|:-------------:|:-------------:|:------------:|
| epubsecrets  | [http://epubsecrets.com/](http://epubsecrets.com/) | English |

該表可以很好地呈現，但是style標簽可以呈現為文本。

建議？ 隱藏樣式標簽的某種方法？

另外，我發現了這個問題/答案 ，建議添加以下代碼：

(setq markdown-xhtml-header-content
"<style>
    .tablelines table, .tablelines td, .tablelines th {
    border: 1px solid black; padding:10px;
    }
</style>")

不幸的是，它不起作用-至少在GitHub Wiki上不起作用。

Answer 1

我同意Waylan的觀點……只是覆蓋樣式表中的Jekyll默認值。 將此代碼添加到您的自定義style.css中：

body .tablelines table, 
body .tablelines td, 
body .tablelines th {
    border: 1px solid black; padding:10px;
}

我在CSS規則中添加了“ body”，以提高特異性。 不希望在內容中插入CSS。