产品网站建设设计方案,用thinkcmf做的网站,网络工程就业前景好吗,福州网站推广定制前面几遍中我们分别说到了id选择器和class选择器#xff0c;以及它们的区别和联系#xff0c;下面大家一起来探究一下神奇的为类和伪元素吧。
其实以前我对伪类和伪元素也是搞得稀里糊涂的#xff0c;现在决定剥开它神秘的外衣#xff0c;首先#xff0c;究竟什么是伪类以及它们的区别和联系下面大家一起来探究一下神奇的为类和伪元素吧。
其实以前我对伪类和伪元素也是搞得稀里糊涂的现在决定剥开它神秘的外衣首先究竟什么是伪类什么是伪元素
伪类和伪元素的理解
官方解释
伪类一开始只是用来表示一些元素的动态状态典型的就是大家常用的链接的各个状态link、active、hover、visited随后css2标准扩展了其概念范围使其成为了所有逻辑上存在但在文档树中却无标识的“幽灵”分类。
伪元素则代表了某个元素的的子元素这个子元素虽然逻辑上存在但是并不实际上存在于文档树中如我们平时用的after、before等。
自己粗浅的理解就是伪类就是一个无须标识的类伪元素则就是一个元素只是不存在与文档树中。
关于用法伪类前面是一个冒号伪元素前面则是两个冒号。E:first-child伪类E::first-line伪元素。这是最新的css3标准但是css2中关于after和before都使用一个冒号这里就需要大家注意了。而且css3还扩展了不少伪类这里就不提了感兴趣的自己可以去查资料。
常见应用:伪类1.a链接样式 a href#点击链接/a a:hover{color:red} 鼠标悬浮字体变红。
2.隔行变色 ulli1/lili2/lili3/lili4/li/ul ul li:nth-child(even){background-color:#ccc}或者ul li:nth-chilid(2):{background-clolor:#ccc}
伪元素清理浮动.clear{zoom:1}.clear:after{display:block;content:;clear:both;}
关于伪类和伪元素就讲到这里有关伪类和伪元素能做出很多有意思的效果。
