码迷,mamicode.com
首页 > Web开发 > 详细

CSS3第一天

时间:2018-01-24 12:38:13      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:att   css3   完全   一个   中文   其他   位置   改变   select   

一、选择器
1、属性选择器
①E[attr] 表示存在attr属性即可;
②E[attr=val] 表示属性值完全等于val;
③E[attr*=val] 表示在属性值的“任意”位置包含val字符;
④E[attr^=val] 表示在属性值的“开始”位置包含val字符;
⑤E[attr$=val] 表示在属性值的“结束”位置包含val字符;

2、伪类选择器
①以某元素相对于其父元素或兄弟元素的位置。
E:first-child第一个子元素
E:last-child最后一个子元素
E:nth-child(n) 第n个子元素
E:nth-last-child(n) 同E:nth-child(n) 相似,只是倒着计算

②目标伪类选择器
E:empty 选中没有任何子节点的E元素;(使用不是非常广泛)
E:target 结合锚点进行使用,处于当前锚点的元素会被选中;
E:not () 选中除了当前锚点的其他元素

3、伪元素选择器
E::first-letter文本的第一个单词或字(如中文、日文、韩文等);
E::first-line 文本第一行;
E::selection 可改变选中文本的样式;
是一个行内元素,需要转换成块元素
":" 与 "::" 区别在于区分伪类和伪元素,在开发中使用":";

CSS3第一天

标签:att   css3   完全   一个   中文   其他   位置   改变   select   

原文地址:http://blog.51cto.com/13517854/2064517

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!