主页 / coding / 问题 / 79339800
Accepted
garej
Asked: 2025-01-08 23:39:45 +0800 CST

如何更改 Quarto 中特定侧边栏元素的样式

  • 772

我仍在努力建立 Quarto 网站。在 Quarto 中，侧边栏通常包含内容。如果我没记错的话，侧边栏的样式是从默认主题继承而来的。想象一下我有一个包含两个级别的内容：

动物

  • 动物 1

基础知识

  • 基本 1

问题：如何控制第一级标题的样式，即使得动物、基础和人类变为粗体，同时保持其余格式不变。

动物

  • 动物 1

基础知识

  • 基本 1

更新

_quarto.yml

website:
  title: "Some fantastic site"
  page-navigation: true
  reader-mode: true
  bread-crumbs: false
  navbar:
    left:
      - href: index.qmd
        text: Home
      - about.qmd

 sidebar:
    style: "docked"
    search: true
    contents: auto

format:
    html:
      theme: cosmo
      css: styles.css
      toc: true

index.qmd主文件夹中除了标题外什么都没有。如何使侧边栏中的标题内容元素加粗？

quarto

2 个回答

  1. Best Answer

    您可以定位第一级标题并将其设为粗体，如下所示：

    样式.css

    .sidebar-item-text.sidebar-link.text-start {
    font-weight: bold;
}

    在此处输入图片描述

    • 1

  2. Quarto 的主题选项和自定义主题的这些页面应该对您有所帮助。根据第二页上的示例文件，我认为这对您有用：

    /*-- scss:rules --*/
h1 {
  font-weight: bold;
}
    • 0

相关问题