在bookdown中自定义块中的样式链接

时间:2017-01-05 21:43:58

标签: css r knitr bookdown

我试图在custom block in bookdown中设置链接样式。自定义块类型称为" rmdcomment",我已将以下内容添加到style.css文件中:

.rmdcomment {
  padding: 1em 1em 1em 4em;
  margin-top: 30px;
  margin-bottom: 30px;
  background: #1f9ac9;
  position:relative;
  color: white;
}

.rmdcomment:before {
  content: "\f075";
  font-family: FontAwesome;
  left:10px;
  position:absolute;
  top:0px;
  font-size: 45px;
  color: white;
}

以上显示正确。

我还在(不成功)尝试设置链接样式时添加了以下内容:

.rmdcomment a:link {text-decoration: underline; font-weight:bold; color:white;}
.rmdcomment a:visited {text-decoration: underline; font-weight:bold; color:white;}
.rmdcomment a:hover {text-decoration: underline; font-weight:bold; color:white;}

2 个答案:

答案 0 :(得分:3)

我相信这是你所谈论的部分。

enter image description here

添加!重要,所以基本上你会覆盖以前的样式。

.rmdcomment a:link {text-decoration: underline !important; font-weight:bold !important; color:white !important;}

答案 1 :(得分:2)

使用!important不是最佳做法。您可以随时使用CSS更具体。尝试这样定位,你应该得到相同的结果而不使用!重要:

ES_SYSTEM_REQUIRED | ES_CONTINUOUS