当您点击页面中的#标签时,有没有办法让文字突出显示?

时间:2016-02-22 05:36:30

标签: html css highlighting

与wikia一样,当您点击参考编号并突出显示页面底部的参考时?我对编码很陌生,但我很好地接受了编码。如果可能,请告诉我,请给我一个例子。感谢。

1 个答案:

答案 0 :(得分:1)

是的,有。

有一个CSS伪类...... :target

  

伪类:target用于设置包含片段标识符的URI的目标元素的样式。例如,URI

这意味着如果你给文本(或其他元素)一个ID(#whatever),你就可以指定当点击链接上的那个元素时引发的内容......一个...目标{ {1}}:



href

#one:target {
  background: red;
}
#two:target {
  background: green;
}
#three:target {
  background: yellow;
}
.wrap div {
  width: 50px;
  height: 50px;
  display: inline-block;
  margin: 1em;
  background: #000;
}
a {
  display: inline-block;
  padding: .5em;
  background: lightgreen;
  margin: 1em;
  color: green;
  text-decoration: none;
}