CSS_动态属性选择器节点java精修学校
您可以设置具有指定属性的HTML元素的样式,不仅是类和id属性。
注意:只有当它被指定时!DOCTYPE,IE7和IE8支持属性选择器。在IE6和更低版本不支持属性选择。
属性选择符
下面的示例为所有具有title属性的元素设置样式:
{标题}
{
颜色:红色;
}
属性和值选择器
下面的示例为标题=w3school 所有元素集的风格:
{标题= w3school }
{
边境:5px固蓝;
}
属性和值选择器-多值
下面的示例为包含指定值的title属性的所有元素设置样式:
{标题=您好颜色:红色;}
下面的例子中所有包含指定值的lang属性元素集的风格。它适用于属性之间用连字符值:
{朗| = EN } {颜色:红色;}
设置窗体的窗体
属性选择器在为没有类或id的窗体设置样式时特别有用:
输入{类型文本}
{
宽度:150px;
显示块;
边距:10px;
背景颜色:黄色;
字体家庭:Verdana、Arial;
}
输入{按钮}
{
宽度:120px;
左:35px保证金;
显示块;
字体家庭:Verdana、Arial;
}
选择器参考手册
选择器
描述
{属性}
它用于选择具有指定属性的元素。
{属性值}
它用于选择具有指定属性和值的元素。
{属性}值}
它用于在属性值中选择包含指定词汇表的元素。
| = {属性值}
用于选择具有指定值的属性值的元素,该值必须是整个单词。
{属性=值}
将属性的值与指定值的开头匹配的每个元素。
{属性=值}
将属性的值与指定值的结尾匹配的每个元素。
{属性}值}
匹配包含属性值中指定值的每个元素。