CSS_动态属性选择器节点java精修学校

设置具有指定属性的html元素的样式。

您可以设置具有指定属性的HTML元素的样式,不仅是类和id属性。

注意:只有当它被指定时!DOCTYPE,IE7和IE8支持属性选择器。在IE6和更低版本不支持属性选择。

属性选择符

下面的示例为所有具有title属性的元素设置样式:


{标题}
{
颜色:红色;
}


属性和值选择器

下面的示例为标题=w3school 所有元素集的风格:


{标题= w3school }
{
边境:5px固蓝;
}


属性和值选择器-多值

下面的示例为包含指定值的title属性的所有元素设置样式:


{标题=您好颜色:红色;}


下面的例子中所有包含指定值的lang属性元素集的风格。它适用于属性之间用连字符值:


{朗| = EN } {颜色:红色;}


设置窗体的窗体

属性选择器在为没有类或id的窗体设置样式时特别有用:


输入{类型文本}
{
宽度:150px;
显示块;
边距:10px;
背景颜色:黄色;
字体家庭:Verdana、Arial;
}
输入{按钮}
{
宽度:120px;
左:35px保证金;
显示块;
字体家庭:Verdana、Arial;
}


选择器参考手册






选择器


描述




{属性}


它用于选择具有指定属性的元素。




{属性值}


它用于选择具有指定属性和值的元素。




{属性}值}


它用于在属性值中选择包含指定词汇表的元素。




| = {属性值}


用于选择具有指定值的属性值的元素,该值必须是整个单词。




{属性=值}


将属性的值与指定值的开头匹配的每个元素。




{属性=值}


将属性的值与指定值的结尾匹配的每个元素。




{属性}值}


匹配包含属性值中指定值的每个元素。