添加ID或类以降价元件(Add ID or Class to Markdown-element)

是否有可能一个id或类添加到（多）降价元素？

例如一个表，代码段或块？

我想样式表CSS，但下面的工作非：

[captionid][This is the caption, not the table id]
| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
[captionid][This is the caption, not the table id]

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |
[tablecaption](#tableid)

<div class="special_table">

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

</div>

找不到别的网上..

我不意味github上或BTW计算器口味的降价。

Answer 1:

我可以证实这一点与合作kramdown 。快乐狩猎。

降价

{:.foo}
| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

CSS

.foo {
  background: blue;
}

Answer 2:

经过一番研究，我想出了一个简单而直接的解决方案:)

我把表中的之间两个HTML占位符和用于jQuery来微调那些只有那些需要：

表开头

<div class="tables-start"></div>

表

id | name ---|--- 1 | London 2 | Paris 3 | Berlin

表结束

<div class="tables-end"></div>

jQuery的：通过添加类微调表

<script type="text/javascript">
(function() {
    $('div.tables-begin').nextUntil('div.tables-end', 'table').addClass('table table-bordered');
})();
</script>

Answer 3:

对于CSS的目的，你可以一个ID添加到先前的元素，然后使用选择改变下列元素。

降价是这样的：

<div class="special_table"></div>

| First Header  | Second Header |
| ------------- | ------------- |
| Content Cell  | Content Cell  |
| Content Cell  | Content Cell  |

CSS是这样的：

div.special_table + table tr:nth-child(even) {background: #922}

Answer 4:

您可以通过将类或ID这样的元素后，花括号内的自定义类或ID添加到一个元素： {#id .class}

例如：

[Read more](http://www.stackoverflow.com "read more"){#link-sf .btn-read-more}

将呈现如下图所示：

<a href="http://www.stackoverflow.com" title="read more" id="link-sf" class="btn-read-more">Read more</a>

你可以参考https://michelf.ca/projects/php-markdown/extra/#spe-attr

文章来源: Add ID or Class to Markdown-element