问为什么CSS不被应用？

EN

/* CSS for Home Econ Dev */

body.front_end_body;
.sitewrapper;
* {
  font-size: 100% !important;
}


/*Removing elements from template that exist on main site - color gradients, CTA buttons, etc. - home template but not wanted on EconDev site */

.econdev .home_item4,
.econdev .home_item3,
.econdev .home_buttons:before {
  display: none !important;
}

.econdev .content_area,
.econdev a.box_bottomlink,
.econdev .home_item2 {
  margin: 0 auto;
  width: 90%;
  !important;
}


a:nth-of-type(2) {
   text-align:center;
   color:green;   
   display:block;
}

/*GC Is Real*/

.econdev .home_item2 td p {
  margin: 0 3em 0 0;
}


/*How Can We Help Section */

.howwecanhelp {
  flex-basis: 80%;
}

.econdev .row {
  display: flex;
  justify-content: center;
}


/*Recent News*/

.econdev ul {
  margin: 0 auto;
  width: 80%;
  !important;
  list-style-type: none;
}

.econdev .home_item2 li.hasimage a.news-item {
  display: flex;
  width: 90%;
  margin: 0 0 2em 0;
  border: 1px solid purple;
}

.econdev .home_item2 li.hasimage a.news-item div.item_info {
  justify-content;
  center;
}

.econdev .home_item2 li.hasimage img {
  width: 150px;
  !important;
  height: 150px;
  !important;
  padding: 5px;
  margin 5px;
  border: 1px solid #000;
}

.econdev a.news-item p {
  justify-content;
  right;
  width: 90%;
  padding: 0 0 1em 0;
  margin: 0 auto;
  list-style-type: none;
  border: 1px solid orange;
}

.econdev a.box_bottomlink {
  margin: 0 auto;
  !important;
  text-align: right;
  border: 1px solid red;
}

<a class="box_bottomlink" href="/blog">Continue to Blog</a> FULL HTML for the News Widget

<!--!!WidgetStart, vi-orderdata="0"  vi-hideonmobile="false" vi-widgetinstancedata="1583"WidgetStart!!-->
<div id='widget_1583_2927_1882' class='content_area normal_content_area clearfix  '>
  <h2 style="text-align: center;">Recent News</h2>
</div>
<!--!!WidgetEnd-->

<!--!!WidgetStart, vi-orderdata="0"  vi-hideonmobile="false" vi-widgetinstancedata="1584"WidgetStart!!-->

<!--stopindex-->

<!--<div class="news_container">-->
<!--<h2 class="widget_header">Recent News</h2>-->
<ul>


  <li class="hasimage">
    <a href="/Home/Components/News/News/513/955" class="news-item">
      <div class="image_frame"><img alt="News Item Test 1 - Title" src="/home/showpublishedimage/2098/637715605434130000" /> </div>
      <div class="item_info">
        <p class="box_item_title">News Item Test 1 - Title</p>
        <p class="box_item_summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in turpis sed mauris facilisis hendrerit non nec ante. Mauris ornare eu lorem nec tempus. Nullam non nunc sed velit ullamcorper accumsan. Integer vitae enim at lacus molestie viverra.
          Vestibulum euismod finibus arcu quis vulputate. Pro</p>
      </div>
    </a>
  </li>
  <li class="hasimage">
    <a href="/Home/Components/News/News/515/955" class="news-item">
      <div class="image_frame"><img alt="News Item Test 2 - Title" src="/home/showpublishedimage/2774/637720681345270000" /> </div>
      <div class="item_info">
        <p class="box_item_title">News Item Test 2 - Title</p>
        <p class="box_item_summary">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer in turpis sed mauris facilisis hendrerit non nec ante. Mauris ornare eu lorem nec tempus. Nullam non nunc sed velit ullamcorper accumsan. Integer vitae enim at lacus molestie viverra.
          Vestibulum euismod finibus arcu quis vulputate. Pro</p>
      </div>
    </a>
  </li>
</ul>


<a href="/blog" class="box_bottomlink">Continue to Blog</a>

<!--</div>-->

<!--startindex-->
<!--!!WidgetEnd-->