更改部分文本css的颜色

Question

我试图让.io绿色，但不知道如何通过css做到这一点

＆＃13;

＆＃13;

#logo {
  border-style: dashed;
  border-color: red;
  color: red;
  border-width: 3px;
}

＆＃13;

<a id="logo" class="navbar-brand" href="#">Expired.io</a>

＆＃13;

＆＃13;

＆＃13;

Answer 1

你可以把.io放在span元素和样式中。

＆＃13;

＆＃13;

#logo {
  border-style: dashed;
  border-color: red;
  color: red;
  border-width: 3px;
}
#logo span {
  color: green;
}

＆＃13;

<a id="logo" class="navbar-brand" href="#">Expired<span>.io</span></a>

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

.span-green {
  color: green;
}

＆＃13;

<a id="logo" class="navbar-brand" href="#">Expired<span class="span-green">.io</span></a>

＆＃13;

＆＃13;

＆＃13;

Answer 3

也许你可以在下面试试这个，这很简单，只需添加一个新的html标签。

＆＃13;

＆＃13;

.someClass {
  color: red;
}

＆＃13;

<a id="logo" class="navbar-brand" href="#">Expired<span class="someClass">.io</span></a>

＆＃13;

＆＃13;

＆＃13;