如何显示 GitBook 标题？

Question

在 GitBook 中，默认情况下将鼠标悬停在标题上时会显示标题。

我想显示标题。 我检查元素，

<div class="book-header" role="navigation">
    <!-- Title -->
    <h1>
        <i class="fa fa-circle-o-notch fa-spin"></i>
        <a href=".." >Preface</a>
    </h1>
</div>

和相关的 CSS 是，

.book-header h1 a, .book-header h1 a:hover {
    color: inherit;
    text-decoration: none;
}

我添加以下CSS，

.book-header h1 a {
    display: block !important;
}

但它不起作用。

---

更新：

我按照@ED Wu的回答，将以下代码添加到CSS，

.book-header h1 {
    opacity: 1;
}

标题确实出现了。 但是，在添加opacity:1后单击三（无操作）时，左侧边栏没有显示。 一个例子在这里。

Answer 1

因为.book-header h1 opacity为0。

尝试将此添加到您的 css。

.book-header h1 {
   opacity:1!important;
}

Answer 2

尝试这个！ 有关color: inherit在这里继承。 如果它也不起作用，您可以使用其他属性，如z-index 、 opacity和position 。 谢谢：）

 .book-header h1 a, .book-header h1 a:hover { display: block;important: color; #000:important; text-decoration: none; }

 <div class="book-header" role="navigation"> <.-- Title --> <h1> <i class="fa fa-circle-o-notch fa-spin"></i> <a href=".." >Preface</a> </h1> </div>