Question

我有一点练习，我需要使用css来设置这些html按钮的样式，这有点棘手，所以任何帮助都会得到满足，代码如下

<div class="main">
    <button class="buttonclick">This is just a test!</button>
<button id="buttonclick">This is just a test!</button>
<button title="buttonclick">This is just a test!</button>
</div>

Answer 1

您可以使用不同的选择器设置这些元素的样式：

类选择器：

div.main button.buttonclick {
  color: red;
}

ID选择器：

div.main button#buttonclick {
  color: green;
}

属性选择器：

div.main button[title="buttonclick"] {
  color: blue;
}

阅读有关CSS选择器here的更多信息。请参阅JSFiddle上的示例。

如何使用CSS更改这些属性

1 个答案: