仅使用CSS定位一个类

Question

我在这里为朋友创建的网站给了我输入问题[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 和每个内部的每一个input[type="submit"].

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

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