受团队信任
通过改变元素在不同状态下的外观和行为，为元素添加互动性。
您可以通过更改元素在不同状态下的外观和行为方式来为元素添加交互性。
在这节课中:
要对处于不同状态(如悬停状态)的元素应用不同的样式，请打开样式面板的选择器中的states下拉菜单，并选择您想要样式的状态。
当您从选择器中的States下拉菜单中选择一个状态时，一个绿色的状态类(也称为伪类)将出现在选择器字段的末尾。这表明您现在正在为元素设置该状态的样式。
你可以做出任意数量的样式选择。您在这里所做的样式更改是用户在与此元素交互时将看到的内容。
无论您处于何种状态，您所做的更改都将在画布上可见，直到您取消选择或以其他方式离开该状态。
从下拉菜单中选择要设置样式的州。现在，您在Style面板中所做的任何更改都将保存为所选状态。
None状态是元素的默认状态。这是默认情况下元素的外观。
一旦选择并样式化了另一个状态，就可以通过从States下拉菜单中选择“none”来返回样式化默认状态。
悬停状态显示当您将鼠标指针悬停在一个元素上时。大多数触屏设备上都不可能悬浮，所以在设计更小的触屏设备时要注意这一点断点．
按下或活动状态是在单击或按下元素时显示的状态。此状态继承悬停状态的样式，因为按下按钮实际上是悬停状态的一种状态。
你可以专注于某些互动元素，如按钮和链接，而不用用键盘按tab键来激活它们。用鼠标或指针设备单击交互元素，既聚焦又激活它们。这种状态模拟了用键盘、鼠标或手指点击聚焦交互元素时的状态。
与聚焦状态一样，这种状态模拟的是一个交互元素被聚焦但不一定被激活(例如，通过用键盘按tab键进入元素)。注意，当聚焦时，它总是适用于文本输入字段，无论它们以何种方式聚焦(例如，通过鼠标、键盘等)。
为了让依赖键盘导航的访问者更容易访问您的网站，很重要的一点是样式化这种状态，以便交互元素的位置在页面上很明显。我们建议为交互元素设定大纲因为它不会影响元素的布局。
被访问状态是被访问的链接的状态。此状态从none状态继承样式。
对于访问过的状态，您只能设置文本颜色、背景颜色和边框颜色的样式。背景色只有在已经设置为不同状态时才会出现。
的“状态”下拉菜单中可使用此状态表单字段．它允许您将占位符文本与继承默认状态的排版样式的键入文本分开设置样式。
对于占位符文本，您可以设置字体、背景和阴影的样式。
这种状态将在表单复选框和单选按钮的States下拉菜单中可用，这些复选框和单选按钮在其元素设置中启用了自定义样式。它允许您对复选框或单选按钮的选中状态设置样式。
当你完成样式化你的状态，你可以通过做以下任何一件事回到默认的none状态:
从一个状态中删除一个自定义样式或所有样式:
链接元素也有当前状态。当您在Current状态上添加自定义样式时，它将反映用户处于该状态时链接元素的外观。
“当前状态”会自动添加到“所有链接”标签或类的选择link元素当此元素链接到当前页、节或选项卡时。
当前状态从默认的“None”状态继承所有样式。
您还可以在链接设置中选择页面部分选项。当您滚动到页面的该部分时，当前状态将出现在该元素的选择器字段中。这对于样式的按钮或者在滚动时固定的链接。
在对当前状态设置样式之后，可以更新链接设置，并将按钮和链接元素链接到任何其他页面或页面部分。
您可以选择以不同于普通选项卡的样式设置Current选项卡，以区分活动的和非活动的选项卡。例如，您可以将字体颜色和背景颜色编辑成与普通选项卡不同的颜色。
要设置Current选项卡的样式:
当您想要设置默认状态的样式时，有几种方法可以删除当前状态。最快的方法是在继承菜单中选择默认的基类。
或者，您可以临时删除元素设置面板中的链接设置，样式化链接的类，然后重新配置链接设置。如果不希望删除链接设置，请复制link元素，删除复制元素上的链接设置，编辑类，然后在完成后删除复制元素。
所有状态都从“none”状态继承样式。“按下”也继承了“悬浮”状态的样式。通过单击选择器字段正上方的继承指示符，可以看到样式从哪里继承。
向一个州添加样式后，州菜单下拉图标将变为蓝色。当你打开States下拉菜单时，你会看到蓝色的圆圈，表示在那个状态下有本地样式。
