html+css入门基础笔记

伪类选择器：

网址：https://www.runoob.com/css/css-pseudo-classes.html

a.link:没有点击过的状态

a.visited:点击过的状态，因为是客户隐私问题，所以只能设置颜色变化

a.hover:鼠标移动划过的状态

a.active:点击时的状态

属性选择器：可以根据元素中属性或属性信息来选取指定元素

网址：https://www.runoob.com/css/css-attribute-selectors.html 

[属性名]  选取含有指定属性的元素

[属性名="属性值"]  选取含有指定属性值的元素

[属性名^="属性值"]   选取属性值以指定内容开头的元素

[属性名$="属性值"]    选取属性值以指定内容结尾的元素

[属性名*="属性值"]    选取属性值包含指定内容的元素

子元素选择器：

网址：https://www.runoob.com/css/css-combinators.html

first-child  可以选中第一个子元素

last-child  可以选中最后一个子元素

nth-child()  可以选中任意位置的子元素

first-of-type 选中死一个子元素

last-of-type  选中最后一个子元素

nth-of-type()  选中任意类型的子元素

解析：七个孩子从大到小排列，first-child选中最大的，不分男女；first-of-type选中女孩最大的，或是男孩最大的；

伪元素选择器

网址：https://www.runoob.com/css/css-pseudo-elements.html

first-line  用于向文本的首行设置特殊样式。

first-letter  用于向文本的首字母设置特殊样式。