小编Did*_*ick的帖子

如何将 CSS 样式应用于四开输出

我想将样式应用于四开块输出。

我做的第一件事是将一些 CSS 属性嵌入到.outputQuarto 文档的类中,然后使用以下命令引用它:

```{r class.output="output"}
```
Run Code Online (Sandbox Code Playgroud)

它有效,但我认为它不是很有效,因为我必须在每个文档中编写它。

所以我在custom.scss.output文件中编写了一个带有一些 CSS 属性的类,但现在

```{r class.output="output"}
```
Run Code Online (Sandbox Code Playgroud)

不起作用。

那么我应该在哪里以及如何申报呢?

非常感谢!

css chunks output quarto

9
推荐指数
1
解决办法
5521
查看次数

如何使用jquery突出显示表中的行

我有一个简单的jquery脚本来突出显示悬停时的DOM元素.但是这个脚本无法突出显示我的表格行,细胞没有问题.

在我的脚本中,我需要能够选择任何类型的元素,而不仅仅是表格,因此我无法根据表格选择编写解决方案,例如DataTables.有什么建议?

$(document).ready(function() {
  $("body").on('mouseover', function(event) {
    var highlightTarget = $(event.target);
    highlightTarget.addClass("highlight");

  }).on('mouseout', function(event) {
    $(event.target).removeClass('highlight');
  });
});
Run Code Online (Sandbox Code Playgroud)
.highlight {
  border: 1px solid green;
  background-color: darkseagreen;
  z-index: 99999;
}
.main {
  border-top: 1px solid #9EBACF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #9EBACF;
  border-right: 1px solid #FFFFFF;
}
.cat {
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #9EBACF;
  border-left: 1px solid #FFFFFF;
  border-right: 1px solid #9EBACF;
}
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table class="main" cellspacing="0" cellpadding="4">
  <tr>
    <td class="cat">data 1</td> …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

4
推荐指数
1
解决办法
101
查看次数

标签 统计

css ×2

chunks ×1

html ×1

javascript ×1

jquery ×1

output ×1

quarto ×1