前端基础教程（前端基础巩固系列02）

CSS3范围比较广，先写选择器。

友情提示：偏理论，可能枯燥。

C3包含很多东西，但是好多其实并不常用，只有一小部分是现在页面制作中常用的。我就想到什么些什么吧，其实我文笔真的不好。权当做个记录，供大家和我自己参考。

先说选择器：

1）：属性选择器：

div[data-base] ==> 选择有这个属性的节点 ===> 选中有data-base属性的所有节点;

div[data-base =“某值”] ==> 选中data-base="某值"的节点；

div[data-base ^= "s" ] ==> 选中所有data-base属性值中以s开头的节点；

div[data-base $= "s" ] ==> 选中所有data-base属性值中以s结尾的节点；

div[data-base ~= "s" ] ==> 选择匹配属性名data-base，并且具有属性值为s，此属性值是一个词列表，并且以空格隔开，其中词列表中包含了一个s的节点，而且等号前面的“〜”不能不写；

div[data-base |= "s" ] ==> 选中所有data-base属性值中值是s或者以s-开头的节点；

div[data-base *= "s" ] ==> 选中所有data-base属性值中值是s或者包含s的节点；

2）：子代选择器：

div:first-child{}第一个儿子

div:last-child{}最后一个儿子

div:nth-child(2n 3)从第三个开始每两个选一个

Tip：position为absolute时会将元素转为块元素

还有一些：

::selection 反选的内容

::first-line 首行

::first-letter 首字

举例：

可根据上面罗列对号入座

效果：

虽然我长得丑，但我想得美啊！

选择器差不多了吧应该，想起来差啥，咱再补。我也是自学走上工作岗位的，所以各位老爷，自学的话，千万得坚持。坚持住了。