Question

如果有覆盆子，它控制几个电子设备。我还有一个显示设备状态的网页按钮可以有3种状态＆＃34;在使用中＆＃34; （橙色）＆＃34;免费＆＃34; （绿色）＆＃34;和Out＆＃34; （红色）

CSS

a:link {
    border:2px solid #456879;
    border-radius:10px;
    background-color: orange;
    width: 200px;
    color: white;
    padding: 14px 25px;
    text-align: center; 
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
}

a:link.uit{
    background-color: green;    
    }
a:link.aan{
    background-color: orange;   
    }
a:link.noi{                         <!--- noi= device Not In Use  -->
    background-color: red;  
    }

在我的python webserver中，我创建了一个包含以下部分的页面（python创建这些HTML取决于设备的状态 HTML

<!---- when off
    <div>
       <a href="#" class="uit">Relax <br>Stopped: 15:22</a>
    </div>

<!---- when on
    <div>
       <a href="#" class="aan">Relax <br>Started: 15:22</a>
    </div>

<!--- when not in use 
    <div>
       <a href="#" class="noi">Relax <br>Out</a>
    </div>

问题在于，当我生成Relax
Out时，颜色会保持ORANGE，而我预计它会变为RED

Answer 1

解决方法是删除奇怪的评论

<!--- noi= device Not In Use  -->

来自CSS代码。

控制CSS中（链接）按钮的颜色

1 个答案: