css 伪类和伪元素

伪类 Pseudo-class

类似于python的装饰器,放在选择器的元素后面, 标明元素的某些部分或者属性,情况

伪类们

实例:
Mozilla Developer Network

a:visited{
  color: blue;
}/*单对于被访问过
/*  当光标悬停,键盘激活或者锁定,让链接高亮*/
a:hover,
a:active,
a:focus{
  color:darkred;
  text-decoration:none;
}

伪元素

和伪类很像都是关键字,也都是添加到选择器后面去选择某个元素的某个部分


image.png

简单的例子

  • CSS defined in the MDN glossary.
  • HTML defined in the MDN glossary.
``` ``` [href^=http]::after { content: '⤴'; } ``` 效果就是在文字后面加上箭头

你可能感兴趣的:(css 伪类和伪元素)