有什么:CSS的代码

时间:2015-06-04 22:26:43

标签: css html5 css3 css-selectors

如果你不理解我的问题 - 我会问一些其他CSS代码,比如index,就像你要放入:hover部分的不同内容一样。我试着搜索它,但找不到多少,所以如果有人能帮助我,我会很感激。

5 个答案:

答案 0 :(得分:4)

您可以使用相当多的伪类,用于链接,识别内容和CSS3,确定输出。

他们都可以在这里找到:Advanced CSS Selectors - Pseudo Classes

  • :link - 链接的正常默认状态,就像您第一次找到它们一样。
  • :visited - 选择您当前正在使用的浏览器中访问过的链接。
  • :hover - 选择当前具有键盘光标的链接。
  • :focus - 选择当前正由鼠标指针悬停的链接。
  • :active - 选择当前点击的链接。
  • :not() - 选择大括号中不匹配的元素
  • :lang() - 使用lang属性选择语言已设置为指定语言的元素。
  • :target - 如果元素是当前页面网址的目标,则选择该元素。
  • :valid - HTML5 - 格式有效
  • :invalid - HTML5 - 表格无效
  • :enabled - HTML5 - 表单字段已启用
  • :disabled - HTML5 - 表单字段已停用
  • :root - 基于文档层次结构中位置的元素。
  • :nth-child() - 选择大括号内匹配的元素
  • :first-child - 选择选择器中的第一个元素
  • :last-child - 选择选择器中的最后一个元素
  • :first-letter - 选择第一个字母
  • :first-line - 选择第一行文字
  • :before - 指定应在
  • 之前插入内容的元素
  • :after - 指定应在
  • 之后插入内容的元素

另外,不要忘记双冒号语法。请注意,编写伪元素的新CSS3方法是使用双冒号(例如a::after { ... })将它们与伪类区分开来。您可能有时会在CSS中看到这一点。然而,CSS3仍然允许单冒号伪元素,为了向后兼容,我们建议你暂时坚持使用这种语法。

答案 1 :(得分:3)

这些称为CSS pseudo-classes,包括:

  • :链接
  • :访问
  • :焦点
  • :悬停
  • :活性

答案 2 :(得分:2)

锚标记应按此顺序排列:

  • a:link
  • 一个:访问
  • 一个:悬停
  • 一个:活性

或者当他们在学校教书时, L o V e / HA te,以便在下次编码代码时记住它

除了那些之外,还有一些伪选择器,如:first-child,:last-child以及:before和:之后经常使用。

在此处查找更多示例:https://css-tricks.com/pseudo-class-selectors/

答案 3 :(得分:1)

答案 4 :(得分:1)

你的意思是伪类。这里有一个列表http://www.w3schools.com/css/css_pseudo_classes.asp