仅使用CSS定位一个类

Question

My website here我正在为朋友创建输入问题[type =“button”]。我只有一个特定的样式才能应用于侧栏中的按钮。但无论我做什么都会影响所有按钮。

#sidebar.widget-wrap input[type="button"], input[type="submit"] {
    clear: both;
    display: block;
    margin-top: 2em;
    width: 100%;
}

如何使其仅影响侧栏中的go按钮？

Answer 1

您必须复制#sidebar.widget-wrap：

#sidebar.widget-wrap input[type="button"], 
#sidebar.widget-wrap input[type="submit"] {
}

否则，您的选择器会导致input[type="button"] 内的每个#sidebar.widget-wrap和<{1}}内的。

逗号没有特殊含义，它只包含两个（或更多）选择器。如果您使用两个单独的选择器而不是组合的选择器，结果将始终相同：

input[type="submit"]