CSS3中选择器

css3中的属性选择器

操作方法

  • 01

    选择器: :root  根选择器(相当于html) :not  取反选中器(否定选择器) :empty  空选择器(选中没有任何元素的标签) :target  目的选择器

  • 02

    选择器:(同级元素标签,标签相同) :first-child    第一个子元素 :last-child    最后一个子元素 :nth-child(n) :only-child  只有一个子元素时 :nth-last-child(n) 倒数 n:数字 / 表达式 / 奇odd / 偶even

  • 03

    选择器:(同级元素标签,标签不同) :first-of-type   第一个子元素 :last-of-type    最后一个子元素 :nth-of-type(n) :only-of-type   只有一个子元素时:nth-last-of-type(n) 倒数 n:数字 / 表达式 / 奇odd / 偶even

  • 04

    选择器:(表单) :disabled  禁用 :enabled  可用 :checked  默认选中菜单

  • 05

    选择器: ::selection  默认选中 :read-only  只读 :read-write  可写

  • 06

    选择器:(举例div中class名) div [class= ' a' ]{ }     class名必须有a的 div [class*=' a ' ]{ }    class名中包含a的 div [class^=' a ' ]{ }    class名中以a开头 div [class$=' a ' ]{ }    class名中以a结尾

(0)

相关推荐

  • CSS3中的box-shadow(阴影)使用说明和兼容性问题

    css3中的box-shadow(阴影)兼容性问题是我们经常遇到的前端布局难点,如何有合理的添加CSS阴影?如何让CSS阴影兼容所有主流浏览器?在这里开创者素材来个大家讲一下关于CSS阴影的使用和难点 ...

  • 如何设置css3中placeholder的字体颜色

    placeholder属性是css3中新增加的属性,IE9和Opera12以下版本的CSS选择器均不支持占位文本.那么怎样设置它的默认字体颜色呢? 操作方法 01 因为每个浏览器的CSS选择器都有所差 ...

  • css3中transition属性的详细介绍

    我相信刚接触CSS的新手对于css3还是比较陌生的下面就来介绍一下transition属性的详细运用. 操作方法 01 定义: transition用于在一定的时间内平滑的过度,这种效果可以在鼠标单击 ...

  • 如何使用HTML5+CSS3属性word-break设置文字换行

    在开发系统的过程中,会发现有时界面上一行显示的内容过多,超出了范围占用其他地方,导致页面错乱.在CSS3新加的属性中,有几个属性可以用来控制行内文字换行或者显示省略号.其中,word-break属性可 ...

  • CSS3新增样式大解析:[6]rotate之旋转-初级

    CSS3中添加的transform是对元素进行变化操作的,包括位移,旋转,放大,变形等等.今天我就跟大家讲讲Rotate(旋转)的操作.这里我的代码均是采用标准的css3规范书写,大家使用的时候为了兼 ...

  • CSS3新增样式大解析:[7]skew之元素变形

    CSS3中添加的transform是对元素进行变化操作的,包括位移,旋转,放大,变形等等.今天我就跟大家讲讲Skew(变形/倾斜)的操作.这里我的代码均是采用标准的css3规范书写,大家使用的时候为了 ...

  • CSS3动画简介

    最初接触页面元素动画是jquery的animate函数,这个函数结合其他jquery方法基本可以满足各种动画需求.但随着css的快速发展,不用javascript同样也可以做出绚丽的动画效果.css3 ...

  • css3动画使用

    次为css3动画的使用方法 操作方法 01 css3中两种动画,transition功能和animations功能的使用 02 transition属性的使用方法 transition:propety ...

  • 12款PC浏览器半年评选

    普通PC用户上网冲浪,看新闻、资讯,甚至看视频、打游戏的过程,都需要使用到浏览器。PC浏览器从当初的单一性质的浏览网页的工具,现在已经成为了一个 普通用户娱乐消遣、增长知识、接触外界信息的综合综合窗口 ...