具有特定属性的标记的CSS？

Question

我想用CSS设置一个表单。我正在使用#email input {}来更改输入的外观。但是，我希望提交按钮的风格略有不同。我怎么能这样做：

#email input {
    width: 614px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 5px;
    font-size: 26px;
    padding-left: 3px;
    padding-right: 3px;
}
#email input:type:submit {
    width: 620px;
    height: 30px;
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    margin: 5px;
    font-size: 26px;
    padding-left: 3px;
    padding-right: 3px;
}

Answer 1

#email input[type="submit"] {}

应该做的诀窍......

Answer 2

您正在寻找attribute selector。方括号根据元素的属性进行匹配。

在你的情况下，它会是这样的：

#email input[type="submit"] { /* your styles here */ }