这两段代码到底是怎么起效果的？

我调整搜索框的字体大小，在两个不同的样式里面分别用了如下代码
第一个样式文件里面有这么一段代码

#searchbar{
  font-size: 10pt !important;
  font-family: 微软雅黑;
  font-weight: 500;
}

第二个样式文件里面是这样一段代码

#search-container       .textbox-input-box{
padding-left:0px !important;
padding-bottom: 0px !important;
padding-top: 0px !important;
font-size: 0.90em !important;
}

两个样式都是启用的，然后使用过程中发现注释掉任何一段或是调整任何一段效果都会受到影响（就font-size而言），请问这两段是共同起作用的吗？
这里的font-size究竟是怎么决定的？