HTML5新标签和CSS伪类

HTML5提供了很多新的标签，由于HTML5的兼容性比较差，HTML5的标签常用于手机端 

<nav>
<footer>
<section>
<header>
<article>
<aside>
更多HTML5新标签可以看W3Cschool

CSS3结构伪类选择器

:first-child 选中第一个元素

:last-child 选中最后一个元素

:nth-child(n) 选中第几个元素 其中n除了填写数字代表第几个元素外，填写n代表选择所有元素，2n代表选择所有偶数元素，2n-1代表选择所有奇数元素，even代表选择偶数元素，odd代表选择奇数元素

4n代表选择4的倍数的元素。。。。。

CSS3属性选择器

div[class] 选择div标签所有有类的元素

div[class^=test] 选择div标签的类的名字以test开头的元素

div[class$=test] 选择div标签的类的名字以test结尾的元素

CSS3伪元素选择器

p::first-letter 选中段落第一个字

p::first-line 选中段落第行字

p::selection 鼠标选中时段落的元素变化

 

！！！！！！重点！！！！！！！

p::after 和p::before（必须带content值）

::after在元素内部的后面插入content值里面的内容

::before在元素内部的前面插入content值里面的内容

其中插入的为一个行内元素盒子

原文链接:https://www.cnblogs.com/zjfman/p/11493559.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有