属性和值的选择器-多值

 

    下面是包含指定值的title属性的元素样式的例子，使用（~）分隔属性和值:

 

    实例

 

    [title~=hello]{color:blue;}

 

    下面是包含指定值的lang属性的元素样式的例子，使用（|）分隔属性和值:

 

    实例

 

    [lang|=en]{color:blue;}

 

    表单样式

 

    属性选择器样式无需使用class或id的形式:

 

    实例

 

input[type="text"]

 

{

 

    width:150px;

 

    display:block;

 

    margin-bottom:10px;

 

    background-color:yellow;

 

}

 

input[type="button"]

 

{

 

    width:120px;

 

    margin-left:35px;

 

    display:block;

 

}