CSS3（三）

层级选择器：

.box1>p{
            //子选择器 ,父子关系
 }
 .box1+.box2{
        //相邻兄弟选择器 ， 只能往下选择
        background-color: aquamarine;
}

.box1~div 通用选择器 同级元素 .box1 后面的所有元素

##属性选择器
E[attr]:只使用属性名，但没有确定任何属性值
E[attr=“value”]:指定属性名，并指定了该属性的属性值
E[attr~=“value”]:指定属性名，并且具有属性值，此属性值是一一个词列表，
并且以空格隔开，其中词列表中包含了一个value词，而且等号前面的“~”必须的
E[attr^-=“value”]:指定了属性名，并且有属性值，属性值是以value开头的
E[attr$=“value”]:指定了属性名，并且有属性值，而且属性值是以value结束的
E[attr*=“value”]:指定了属性名，并且有属性值，而且属值中包含了value
E[attr|=“value”]:指定了属性名，并且属性值仅是value或者以“value-”开头的值(比如说1eft- con)

结构性伪类：

nth-of-type(){} 语法和 :nth-child 一样

景深

景深 perspective : 模拟一个近大远小的场景
perspective
写个父元素(建议写给父元素)
perspective: 1200px;
900-1200 与正常视觉大小差不多
值越小景深变大
perspective-origin:观察3d元素的(位置)角度
perspective-origin: center center (中心) 默认
perspective-origin: left top(左上角)
perspective-origin: 100% 100% (右 下角)

UI元素状态伪类选择器

E: enabled 匹配所有 用户界面( form表单)中处于可用状态的E元素
E: disabled 匹配所有用户界面( form表单)中处于不可用状态的E元素
E: checked 匹配所有用户界面(form表单)中处于选中状态的元素E
E::selection 匹配E元素中被用户选中或处于高亮状态的部分

动态伪类选择器

E:link链接伪类选择器选择匹配的E元 素，
而且匹配元素被定义了超链接并未被访问过。
常用于链接描点上
E:visited 链接伪类选择器选择匹配的E元素，
而且匹配元素被定义了超链接并已被访问过。
常用于链接描点上。
E: active 用户行为选择器选择匹配的E元素，
且匹配元素被激活。常用于链接描点和按钮
E: hover 用户行为选择器选择匹配的E元素，
且用户鼠标停留在元素E上。
E: focus 用户行为选择器选择匹配的E元素，
而且匹配元素获取焦点

目标伪类: target

否定伪类选择器

E:not(s) not() 取反（取除去括号内其余的）
li:not( :nth- child(odd)){
background:#f00;
} 否定后选择是偶数

文本添加阴影

text-shadow:
        第一个值:水平位置
        第二个值:垂直位置
        第三个值:阴影的大小
        第四个值:阴影的颜色
    
        多个阴影用逗号隔开

文本换行(英语)
word-wrap: break-word;允许长单词换到下一行
word-break: break-all; 直接在长单词中断句