css - 使用 CSS 仅针对一个类

Question

My website here我正在为一个 friend 创建输入 [type="button"] 问题。我只将特定样式应用于侧边栏中的按钮。但是，无论我做什么，它都会影响所有按钮。

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

如何让它只影响侧边栏中的转到按钮？

Answer 1

你必须复制#sidebar.widget-wrap:

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

否则，您的选择器将导致 #sidebar.widget-wrap 中的每个 input[type="button"] 和 输入[type="submit"]。

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

div a, div span { color: yellow }
/* is the same as */
div a { color: yellow }
div span { color: yellow }