CSS fomaring交替类和ID

html
css

2017-03-17 63 views 0 likes

我做了一步一步的指示方案。最终会有很多选项，按钮，方式......但此刻我正在尝试将不活动的按钮涂成红色。但是CSS连接到“类”。你如何创建一个比用于文本的“类”更高优先级的“id”？Formating？CSS fomaring交替类和ID

JSFiddle

<input type="button" name="coughyes" class="next action-button" id="red" value="Yes" /> 

/*buttons*/ 
#msform .action-button { 
    width: 100px; 
    background: #27AE60; 
    font-weight: bold; 
    color: white; 
    border: 0 none; 
    border-radius: 1px; 
    cursor: pointer; 
    padding: 10px 5px; 
    margin: 10px 5px; 
} 

#red { 
    background-color: red; 
}

来源

2017-03-17 Wanarka

回答

您可以使用相同的选择和添加您的ID。

#msform .action-button#red { 
    background-color: red; 
}

虽然你应该使用一个类，因为你只能在页面上使用一次ID。更新您的HTML和CSS ...

<input type="button" name="coughyes" class="red next action-button" value="Yes"> 
<input type="button" name="coughno" class="red next action-button" value="No"> 

#msform .action-button.red { 
    background-color: red; 
}

更新您的提琴http://jsfiddle.net/1x183c2t/3/

来源

2017-03-17 16:39:54

@Wanarka你还应该看看[CSS规则优先]（https://developer.tizen.org/dev-guide/web/2.3.0/org.tizen.mobile.web.appprogramming/html/ guide/w3c_guide/dom_guide/html_priorities_css.htm）了解浏览器如何决定应用哪个规则 –

非常感谢！ – Wanarka

@Wanarka不客气:) –

或者，如果你想保持相同的标记，你可以简单地改变background-color: red;到background-color: red !important;。

来源

2017-03-17 16:42:33 Ross

CSS fomaring交替类和ID

回答

相关问题