我在我的WordPress中添加了一些CSS，它以一种我不打算的方式影响了主页。

下面是我添加的所有CSS代码，

h1 {
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}

h2 {
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

h3 {
  position: relative;
  background: #f1f8ff;
  padding: 0.25em 0.5em;
  border-left: solid 2em #5c9ee7;
}

h3:before {
  font-family: "Font Awesome 5 Free";
 /* content: "\\f303"; */
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#toc_container {
  background: #f9f9f9;
  border: 1px solid #aaa;
    padding-right: 8px;
    padding-left: 8px;
  /* padding: 10px;
  margin-bottom: 1em; */
  width: auto;
  display: table;
  font-size: 95%;
  /* margin-right: 15px; */
}

#L_size{
    font-size: 150%;
}

#XL_size{
    font-size:200%;
}

#akamoji{
    color: red;
}

#aomoji{
    color: blue;
}

#chamoji{
    color: brown; 
}

#haikei_kiiro{
    background-color: yellow;
}

#haikei_sorairo{
    background-color: lightblue;
}

，以及附加的是添加CSS之前和之后的内容（请注意，博客标题“SONOTAさんの北欧通信“以白色突出显示，这不是我的本意。

这怎么会发生？

h1 {
  padding: 0.5em;
  color: #010101;
  background: #eaf3ff; /*this give the light blue back ground*/
  border-bottom: solid 3px #516ab6; /*and this gives the border under it*/
}