纯html模板，现在是点击变白的，未点是绿色，能不能让颜色对调一下？

Question

绿色，白色颜色对调，即点击则变绿，自己实在是搞不定了，谁可以帮我看一下呀？

          <section class="tab wow fadeInLeft">
            <header class="panel-heading tab-bg-dark-navy-blue">
              <ul class="nav nav-tabs nav-justified ">
                <li class="active">
                  <a data-toggle="tab" href="#news">
                    行业动态
                  </a>
                </li>
             
                <li class="">
                  <a data-toggle="tab" href="#notice-board">
                    市场研究
                  </a>
                </li>
              </ul>
            </header>
            <div class="panel-body">
              <div class="tab-content tasi-tab">
                <div id="news" class="tab-pane fade in active">
                  <article class="media">
                   
                    <div class="media-body b-btm">
                      <a href="hangyedongtai.html" class=" p-head" style="">
                       <strong><font size="4"> 成都布局66个重点产业园</font></strong>
                      </a>
                      <p>
                       成都国家中心城市产业发展大会上提出建设规划“五位一体”管理体制
                      </p>
                    </div>
                  </article>
                  <article class="media">
                    
                    <div class="media-body b-btm">
                      <a href="hangyedongtai.html" class=" p-head">
                       
                        <strong><font size="4">  中弘加仓养老地产</font></strong>
                      </a>
                      <p>
                        2017年至今，中弘还计划以每股23美元收购美国海洋世界娱乐公司21%的股份
                      </p>
                    </div>
                  </article>
                  <article class="media">
                    
                    <div class="media-body b-btm">
                      <a href="hangyedongtai.html" class=" p-head">
                        
                        <strong><font size="4"> 中金国泰文化旅游集团助推乳山产业转型升级</font></strong>
                      </a>
                      <p>
                        本次大会汇聚了50余名来自政府部门、企业的行业精英及专家学者，就新常态下的产业投资和技术成果转化等议题展开前瞻性的合作交流。
                      </p>
                    </div>
                  </article>
                </div>
               
                <div id="notice-board" class="tab-pane fade">
                  <p>
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;随着我国经济的快速增长，人民生活水平的提高，旅游业得到了快速的发展，近5年我国旅游行业复合增长率超过10%，是少数增长率保持两位数的行业，2016年我国旅游业占GDP比重达到4.9%，市场规模接近4万亿。在去年公布的第一批127个国际级特色小镇中，旅游类有64个。<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;其中，有已经成熟的旅游景区，如安徽黄山市黟县宏村镇，有以温泉等优质旅游资源为特色的小镇，如湖南郴州市汝城县热水镇；也有以红色旅游资源为特色的小镇，如河南驻马店市确山县竹沟镇等，可谓百花齐放。
                   <a href="shichangyanjiu.html"><span style='color:#CD2626'>更多...<span></a>
                </p>
                </div>
              </div>
            </div>
          </section>

Answer 1

你不是在li上加了一个active的class吗，样式设置一下，加了这个的颜色变绿，
切换的时候先把带active类的li的class干掉，再把现在选中的li加上active类

Answer 2

超链接么？。貌似是a：hover｛｝和a：active｛｝

Answer 3

用JQUERY toggle事件可以解决