第34集
伪类选择器和伪元素选择器
ul>li*5就是生成五个li。
ul>li{
color:red;
}
这样子的做法是让所有的li都变了。我们只是需要把第一个li变一下。可以li里面加class。但是li不固定的时候。第一个li老是变化的情况下。自动选中第一个元素。伪类就是不存在类,用来描述特殊状态。
伪类一般是用:开头。
:first-child第一个子元素
:last-child最后一个子元素
:nth-child()选中第n个子元素
特殊值:
n 第n个 n的范围是0-正无穷。
2n 或者even表示选中偶数范围
2n+1或者odd选中奇数的范围
()里面写n或者2n
以上伪类是根据额所有的子元素排类。
:first-of-type
:last-of-type
:nth-of-type
实在捅类型进行排序。
:not()
否定伪类。将符合条件的从里面去除。
第35集
style 里面的
a:link{}
link是没有访问过的链接(正常连接)
visited是访问过的链接。这里面只能设置电脑,不能设置大小。只能修改颜色,不能修改隐私
<a href="https://www.baidu.com"> 访问过的链接</a>
:hover{}表示鼠标移入的状态。
:activate{}
表示鼠标点击就会改变的意思。
第36集
伪元素。为了解决里面的首字母的特殊标识,
伪元素表示页面中特殊的并不真实存在的元素
::first-letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容。
::before 元素开始的位置。
::after元素最后。
before和after必须content属性来使用。
例子
div::before{
content:“BC”
}
就是在div中加入bc的内容。选不中的