css3定义的选择器，css层次选择器有哪些_CSS学习

资料来源：网络整理时间：2023/3/4 0:59:49 共计：3597 浏览

选择器body>div 只操作body下级的div。div1+div2 只选择div1 同级随后相邻最近的div2div1~p 选择div1下所有的p属性选择器[attr]{} 例：[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 选择所有class属性，并且属性值唯一为nav-开头的元素[class~="nav"]{color:red;} 选择所有class属性，并且包含单个完整的nav属性值的元素[class1][class="text"]{color:red;}选择具有class1属性，并且具有class属性且属性值唯一为text的元素

新特性

新增各种CSS选择器（: not(.input)：所有 class 不是“input”的节点）

圆角（border-radius:8px）

多列布局（column）

阴影和反射（Shadow\Reflect）

文字特效（text-shadow）

线性渐变（gradient）

旋转，缩放,定位,倾斜（transform

多背景，背景裁剪

派生选择器可以使一个元素里的子元素定义样式例如： li a { font-size:14px} 就是给li下的子元素a定义一个14px号像素的字体样式类别选择器在html中引入css样式通常由，类别选择器在CSS中用一个“.”点开头表示如：.box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用class="类别名"的方法调用：这里是内容类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除还有，id选择器在CSS中用“#”号开头表示如：#box {width:960px; margin:0 auto; padding:0px; overflow:hidden} 在html页面中，用id="类别名"的方法调用：这里是内容 id选择器和类别选择器其实是一样的通常id选择器仅是用来表示不重复的样式相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段

css中的所有元素都是选择器，不论新元素还是旧元素，都是对标签的选择。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：css兄弟选择器有哪些，css选择器加.是什么_CSS学习 | ·下一条：6种css选择器，css选择器中可以匹配所有标签的是_CSS学习