任何元素的 Kramdown ID?
Kramdown ID for any element?
我一直在学习 Jekyll,它使用 Kramdown 作为 HTML 预处理器。
我似乎无法解决的是如何为元素分配 id。
在 Kramdown 中创建您刚刚使用的有序列表
1.
2.
但是我究竟如何为这个元素分配一个 ID 用于 CSS 或用于链接?
例如
<ul id="list">
<li id="1">1</li>
我试过了
1. item {#}
你可以在使用kramdown时申请ID和类,是的!
This is a paragraph
{: #my_id .my_class}
# This is an h1 header {: #my_id}
在此 article
上查看您可以使用 kramdown 做的更多酷事
希望对您有所帮助! :)
要在 li
元素上添加 id
属性,请将 inline attribute list 紧跟在列表标记(即数字和句点)之后。注意 .
.
后面必须有一个 space
例如这个 kramdown:
1. {: #id-for-item-1 } List Item 1
2. {: #id-for-item-2 } List Item 2
产生这个 HTML:
<ol>
<li id="id-for-item-1">List Item 1</li>
<li id="id-for-item-2">List Item 2</li>
</ol>
另请注意,您需要在 IAL 中使用冒号 (:
)。
我一直在学习 Jekyll,它使用 Kramdown 作为 HTML 预处理器。
我似乎无法解决的是如何为元素分配 id。
在 Kramdown 中创建您刚刚使用的有序列表
1.
2.
但是我究竟如何为这个元素分配一个 ID 用于 CSS 或用于链接?
例如
<ul id="list">
<li id="1">1</li>
我试过了
1. item {#}
你可以在使用kramdown时申请ID和类,是的!
This is a paragraph
{: #my_id .my_class}
# This is an h1 header {: #my_id}
在此 article
上查看您可以使用 kramdown 做的更多酷事希望对您有所帮助! :)
要在 li
元素上添加 id
属性,请将 inline attribute list 紧跟在列表标记(即数字和句点)之后。注意 .
.
例如这个 kramdown:
1. {: #id-for-item-1 } List Item 1
2. {: #id-for-item-2 } List Item 2
产生这个 HTML:
<ol>
<li id="id-for-item-1">List Item 1</li>
<li id="id-for-item-2">List Item 2</li>
</ol>
另请注意,您需要在 IAL 中使用冒号 (:
)。