CSS 中使用特定 id 的伪类选择器

【问题标题】：psuedo class selectors in CSS using a specific idCSS 中使用特定 id 的伪类选择器
【发布时间】：2015-04-17 00:50:45
【问题描述】：

如何让以下 CSS 仅应用于特定类，而不是页面上的所有链接

a:link, a:visited {
    display: block;
    width: 149px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #98bf21;
    text-align: center;
    padding: 4.7px;
    text-decoration: none;
    text-transform: uppercase;
}

【问题讨论】：

FabioG 提出的答案应该适用于一般情况，也许还有其他原因导致问题。您可以发布您的 HTML 示例吗？是否有任何其他 CSS 规则样式化 as？

标签： css css-selectors

【解决方案1】：

如果它是你引用的类，则在 css 中添加你的类

a.MyClass:link, a.MyClass:visited {
  display: block;
  width: 149px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #98bf21;
  text-align: center;
  padding: 4.7px;
  text-decoration: none;
  text-transform: uppercase;
  }

或身份证

 a#MyId:link, a#MyId:visited {
  display: block;
  width: 149px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #98bf21;
  text-align: center;
  padding: 4.7px;
  text-decoration: none;
  text-transform: uppercase;
  }

【讨论】：

这是一组样式类似于垂直菜单的链接，我尝试将其命名为类和 id - 然后更改 CSS，只要我这样做，所有 CSS 代码好像失效了
您能否举一个问题中的 html 示例？