|
|
CSS 属性 选择器 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。
注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题（title）的所有元素变为蓝色： 范例[ title ]
{
color: blue ;
} 属性和值选择器 下面的范例改变了标题title='javathinker'元素的边框样式: 范例[ title = javathinker ]
{
border: 5 px solid green ;
} 属性和值的选择器 - 多值 下面是包含指定值的title属性的元素样式的例子，使用（~）分隔属性和值: 范例 [ title ~= hello ] { color: blue ; }
下面是包含指定值的lang属性的元素样式的例子，使用（|）分隔属性和值: 范例 [ lang |= en ] { color: blue ; } 表单样式 属性选择器样式无需使用class或id的形式: 范例input [ type = " text " ]
{
width: 150 px ;
display: block ;
margin-bottom: 10 px ;
background-color: yellow ;
}
input [ type = " button " ]
{
width: 120 px ;
margin-left: 35 px ;
display: block ;
} |
程序猿的技术大观园：www.javathinker.net
[这个贴子最后由 flybird 在 2020-02-04 10:55:08 重新编辑]
|
|
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → CSS 属性选择器
消息
查看
搜索
好友
邮件
复制
引用
IP: 已设置保密
