CSS :hover 选择器
实例
选择鼠标指针浮动在其上的元素,并设置其样式:
a:hover { background-color:yellow; }
定义和用法
:hover 选择器用于选择鼠标指针浮动在上面的元素。
CSS :focus 选择器
实例
选择获得焦点的输入字段,并设置其样式:
input:focus { background-color:yellow; }
定义和用法
:focus 选择器用于选取获得焦点的元素。
提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
CSS3 :first-of-type 选择器
实例
指定父元素的首个 p 元素的背景色:
p:first-of-type { background:#ff0000; }
定义和用法
:first-of-type 选择器匹配属于其父元素的特定类型的首个子元素的每个元素。
CSS first-child 选择器
实例
选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式:
p:first-child { background-color:yellow; }
定义和用法
:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器
CSS3 enabled 选择器
实例
为所有 type="text" 的已启用的 input 元素设置背景色:
input[type="text"]:enabled { background-color: #ff0000; }
CSS3 empty 选择器
实例
指定空的 p 元素的背景色:
p:empty { background:#ff0000; }
定义和用法
:empty 选择器匹配没有子元素(包括文本节点)的每个元素。
CSS3 :disabled 选择器
实例
为所有 type="text" 的被禁用的 input 元素设置背景色:
input[type="text"]:disabled { background-color: #dddddd; }
CSS3 checked 选择器
实例
为所有被选中的 input 元素设置背景色:
input:checked { background-color: #ff0000; }
定义和用法
:checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。
CSS active 选择器
选择活动链接,并设置其样式:
a:active { background-color:yellow; }
定义和用法
:active 选择器用于选择活动链接。
当您在一个链接上点击时,它就会成为活动的(激活的)。
数据库技术 2022-03-28
云服务器评测 2022-02-22
Windows相关 2022-02-21
Linux相关 2022-03-17
网站技术 2022-02-25
Linux相关 2022-03-15
Linux相关 2022-03-15
Linux相关 2022-03-17
网站技术 2022-02-21
云服务器评测 2022-02-22
扫码二维码
获取最新动态