Question

我正在创建一个博客而我正在使用免费模板来管理我的前端部分，但现在我想添加一个名为 code_block 的类。每次我写一篇文章，我想添加一个

<p class="code_block"> some code</p>

和代码片段的显示类似于最后一个代码在stackoverflow中的显示方式。

我转到输入的 END CSS文件：

.code_block{
    color: #933 !important;
    border: 5px solid red;
}

没有工作，尝试直接在html中添加css，没有工作，尝试在chrome web工具中添加manualy css，没有工作正在发生的事情？！

来源：https://github.com/martin-varbanov96/summer-2016/tree/master/Pitonia/Django/mysql_blog/blog

编辑：使它更具体：

.ar

ticle ul li p .code_block{
    color: #933 !important;
    border: 5px solid red;
}

仍然没有工作我认为优先权不是这里的问题。

Answer 1

ID更优先。从这里删除颜色。或者你可以覆盖。

#body.home .body div p {
    color: #ffffff;
    display: block;
    font-family: Arial;
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 780px;
}

您可以像这样覆盖它......

#body.home .body div p.code_block{
    color: #933;
    border: 5px solid red;
}

管理CSS优先级

1 个答案: