Currently constructing a book with the use of quarto
, where the inclusion of theorems, lemmas, corollaries, and other elements is necessary. In the quarto documentation, as seen here, it is advised to utilize the proof
, remark
, and solution
environments for this purpose. These environments are chosen with the intention of being able to render the book not only in html
, but also in latex
in the future.
Provided below is a reproducible example pertaining to a .qmd
file with an empty styles.css
:
---
title: "Untitled"
format:
html:
css: styles.css
editor: visual
---
## Example of a Proof
::: proof
This is the proof.
:::
## Example of a Solution
::: solution
This is the solution.
:::
Upon inspecting the code outputted in a web browser for html
, specifically in relation to the mentioned environments, the following is observed:
Proof Environment
<div class="proof">
<p><span class="proof-title">
<em>Proof</em>.
</span>This is the proof.</p>
</div>
Solution Environment
<div class="solution proof">
<p><span class="proof-title">
<em>Solution</em>.
</span>This is the solution.</p>
</div>
Given the aforementioned observations and the fact that I am relatively new to working with html
and css
, I have the following inquiries:
- What is the reason behind quarto assigning 2 classes to the solution environment? Is this intentional or possibly a bug?
- Is it feasible to modify the label within
<em>Solution</em>
, which is associated with thesolution
andproof-title
classes, without affecting theproof
class by means of thestyles.css
file?