Post by author

按作者聚合

包含 darkluna999 的文章列表

Obsidian 样式:使用纯 CSS+HTML 实现分栏

使用 CSS+HTML 实现分栏

使用纯 html 的好处是标签高亮便于查看且视图相对友好 当然使用 DataViewjs 的 el 功能也可以,这里不做示例 ![Pasted image 20230610172223](https://cdn.pkmer.cn/images/Pasted%20image%20202306101

darkluna999

darkluna999

Pkmer

Obsidian 样式:DataView 在 table 视图下标签出现错位断裂的修复

DataView 在 table 视图下标签出现错位断裂的修复

直接激活 修复标签换行问题,取消标签块前的无序列表标志 1. div.block-language-dataview.node-insert-event table td ul 这一选择器表示选择 DataView 表格 - 表格体中无序列表部分 2. list-style: none 表示列表样式,使用 none 则无额外标志 3. flex-direction: row-reverse 表示倒序序列排序 1. .tag 为类 [^1] 选择器,即所有标记为

darkluna999

darkluna999

Pkmer

Obsidian 样式:自定义选中文本部分高亮颜色

自定义选中文本部分高亮颜色

直接激活 ![](https://cdn.pkmer.cn/images/Pasted%20image%2020230608175212.png!pkmer) - 实际上他与本行代码的作用无关,但他会增加此行属性的渲染权重 - CSS 层叠在渲染时,每个块描述越精准则权重越高,属性会向下进行覆盖,类似 PhotoShop 的图层效果,而 !important 则是在最终渲染时增加对应属性的权重

darkluna999

darkluna999

Pkmer

Obsidian 样式:自定义待办图标

Obsidian 样式:自定义待办图标

- [T] 示例待办样式 Pasted image 20230610160521 CSS li[data-task="T"] input:checked { --checkbox-marker-color: none; background-color: green; -webkit-mask-image: url(" data:image/svg+xml,<svg fill='none' stroke='curr

darkluna999

darkluna999

Pkmer