好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

CSS伪类伪元素_html/css_WEB-ITnose

CSS选择器大致可以分成5类:基本选择器,层次选择器,属性选择器,伪类,伪元素。基本,层次,属性选择器比较容易理解,毕竟它们选择的对象都属于DOM中看得见摸得着的元素。但伪类和伪元素相对比较抽象,稍微有一点点理解上的难度。本篇就是我对伪类和伪元素的理解。

先介绍一下伪类和伪元素有什么区别?其实这是个纯概念上的问题,就算不理解也不影响实际的使用。但作为一个CSSer,概念这种东西有时候就像地基,地基越牢固,将来大厦也越坚挺。

伪类就是给既存的元素模拟新添加一个类来实现某种效果。伪元素就是模拟新添加一个元素来实现某种效果。不明白?举个例子就明白了。

用伪类:first-child将第一个p设成红色:

p:first-child {color: red}

第一个段落

//我将变成红色

第二个段落

查看更多关于CSS伪类伪元素_html/css_WEB-ITnose的详细内容...

  阅读:33次