CSS3的一些新选择器简介

属性选择器

一、 5个input标签type： text 文本框 password密码框 radio 单选按钮 cheakbox复选框 submit 提交

二、 选择器的使用：

1.attr=val 相等就选择到了

2.attr~=val 表示的是一个单独的属性值，这个属性值是以空格分割的

3.attr|=val 表示的是一个单独的属性值，这个属性值是以-分割的

4.attr*=val 表示的是一个单独的属性值，这个属性值只要包含某个字符就可以

5.attr^=val 表示的是一个单独的属性值，这个属性值要在起始位置

6.attr$=val 表示的是一个单独的属性值，这个属性值要在末尾位置

三、伪类选择器

only-child 只选择唯一的元素

xxx：nth-of-type（n） 选择第几个xxx元素，从1开始

nth-child（n） 选择第几个子元素

nth-last-of-type（n）倒数第n个

empty 表示元素没有内容才被显示

target 锚点

四、颜色

opacity 的子元素会继承父元素的透明度

transparent 就是完全透明，类似玻璃一样

rgba（）就是rgb后面加上了一个透明度的参数

五 、文本换行

满足省略号要三个条件

1.文字强行不换行： white-space:nowrap

2.超出部分隐藏：overflow:hidden

3.后面加上省略号：text-overflow:ellipsis