发表于： 2018-05-19 21:18:44
1 724
今天完成的事情：任务10
明天计划的事情：任务11, 安装saas
遇到的问题：
收获：
伪元素
CSS 伪元素用于向某些选择器设置特殊效果。
常用的四个伪元素=>
:before 在元素之前添加内容
:after 在元素之后添加内容
:first-line 向文本的首行添加特殊样式
:first-letter 想文本的第一个字母添加特殊样式
伪元素的语法：
selector:pseudo-element {property:value;}CSS 类也可以与伪元素配合使用：
selector.class:pseudo-element {property:value;}伪类
CSS 伪类用于向某些选择器添加特殊的效果。
伪类的语法：
selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用。
selector.class : pseudo-class {property: value}
伪类选择器最常用的是结构伪类选择器和动态伪类选择器。
结构伪类选择器作用：选择通过其他选择符无法选择的文档树或dom中的其他信息。
常用值=> :first-child , :last-child, .nth-child(num)
i.e. .container div:first-child 意即container下的第一个div
<body>
<div class="container">
<div></div>
<div></div>
<div></div>
</div>
</body>
动态伪类选择器作用：状态伪类选择器通常出现在用户执行某个操作的情况下
常用值=>
:hover 当鼠标元素悬浮上方时，向元素添加样式。
:active 想被激活的元素添加样式
:focus 向拥有键盘输入焦点的元素添加样式
:visited 向未被访问的链接添加样式
返回列表
评论