伪类选择器的话分两种使用类型
其一便是常见的四大基础伪类:link visited hover active
代码如下:
a:link{/*网页点卡的初始页面*/
color: gray;
text-decoration: none;
}
a:visited{color: green;}
a:hover{background: yellow;
color:blue;
font-size: 20px;
text-decoration: none;
/*鼠标放在上面就能
触发的事件*/
}/*鼠标点击以后后面变蓝色*/
a:active{ /*点击后的发生的事件*/
font-style: italic;
font-size:30px;
font-weight: bold;
}
其中在应用四个基础的伪类选择器时,其前面源元素的属性名切忌不可丢掉如其内部的body如下:
二.伪类的第二种用法
伪类的第二种用法主要是用于对于元素的寻找,就是说白点能精确到 具体的摸一个元素上面去。
tr:nth-child(1){
background: red;
}
tr:nth-child(2){
background: yellow;
}
tr:nth-child(2n+1){ /*可以直接在括号中写表示奇数行 */
font-family: "正楷";
font-size:60px;
}
tr:last-child>td:last-child{/* 表示其集体子元素的指定 记住CSS中空格不可乱加 */
background: blue;
}
需要注意就是这个也是需要具体的属性名才能去具体的实现的,其后面的nth-child(具体号数),这里不一样的 就是匹配的是tr属性,就是说白了就是匹配tr
E:first-child ——匹配作为父元素的第一个子元素E。
E:last-child ——匹配作为父元素的最后一个子元素E。
E:only-child ——匹配作为父元素的唯一一个子元素E。
E:nth-child(n) ——匹配作为父元素的第n个子元素E.
其他一些零碎的总结
//表格标准化语句 //border代表是边框的长度 tr表示行元素,td宝石列元素, th表示列元素加粗
文章评论