zblog主题

服务器技术网

专注服务器安全运维

文章 957  访问 78716
最新动态
网站技术

CSS :hover 选择器

实例

选择鼠标指针浮动在其上的元素,并设置其样式:

a:hover
{ 
background-color:yellow;
}

定义和用法

:hover 选择器用于选择鼠标指针浮动在上面的元素。

2022-05-26  1
网站技术

CSS :focus 选择器

实例

选择获得焦点的输入字段,并设置其样式:

input:focus
{ 
background-color:yellow;
}

定义和用法

:focus 选择器用于选取获得焦点的元素。

提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。

2022-05-26  1
网站技术

CSS3 :first-of-type 选择器

实例

指定父元素的首个 p 元素的背景色:

p:first-of-type
{
background:#ff0000;
}

定义和用法

:first-of-type 选择器匹配属于其父元素的特定类型的首个子元素的每个元素。

2022-05-26  1
网站技术

CSS first-child 选择器

实例

选择属于其父元素的首个子元素的每个 <p> 元素,并为其设置样式:

p:first-child
{ 
background-color:yellow;
}

定义和用法

:first-child 选择器用于选取属于其父元素的首个子元素的指定选择器

2022-05-26  3
网站技术

CSS3 enabled 选择器

实例

为所有 type="text" 的已启用的 input 元素设置背景色:

input[type="text"]:enabled
{ 
background-color: #ff0000;
}

2022-05-26  2
网站技术

CSS3 empty 选择器

实例

指定空的 p 元素的背景色:

p:empty
{ 
background:#ff0000;
}

定义和用法

:empty 选择器匹配没有子元素(包括文本节点)的每个元素。

2022-05-25  11
网站技术

CSS3 :disabled 选择器

实例

为所有 type="text" 的被禁用的 input 元素设置背景色:


input[type="text"]:disabled
{ 
background-color: #dddddd;
}

2022-05-25  8
网站技术

CSS3 checked 选择器

实例

为所有被选中的 input 元素设置背景色:


input:checked
{ 
background-color: #ff0000;
}

定义和用法

:checked 选择器匹配每个已被选中的 input 元素(只用于单选按钮和复选框)。

2022-05-25  8
网站技术

CSS active 选择器

选择活动链接,并设置其样式:


a:active
{ 
background-color:yellow;
}


定义和用法

:active 选择器用于选择活动链接。

当您在一个链接上点击时,它就会成为活动的(激活的)。

2022-05-25  12
网站技术

2022-05-25  18