Day2-CSS 属性 选择器

（本文是参考了---菜鸟教程----的学习笔记）

具有特定属性的HTML元素样式不仅仅是class和id。

　　　　　　　　　　　　　　　　　　----------注意：IE7和IE8需声明!DOCTYPE才支持属性选择器！IE6和更低的版本不支持属性选择器。

一、下面的例子是把包含标题（title）的所有元素变为蓝色：

　　属性选择器（当当对属性进行选择，值不同也无所谓）

    
    
    
    


    
1
    
2

二、属性和值选择器

下面的例子就只是改变了title=‘haha’元素的颜色

    
    
    
    


    
1
    
2

三、属性和值的选择器 - 多值)

（就是title里面可以有多个属性值的，通过符号~的引入就可以只要title这个标签里面有这个值，那么这个元素就可以得到这个样式了)

    
    
    
    


    
1
    
2
    

全部代码

 

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

实例(这里就是 加入属性值中有 en-。。。。的话就会变蓝的，。。。-en，这个en在后面的话就不行，就是用符号”-“来进行标记的

    
    
    
    


    
1
    
2
    


    
将适用:
Hello!
Hi!
Ello!

将不适用:
Hi!
Hei!

全部代码

 

四、表单样式

这个就是因为表单元素，本身的input就有类型，type=”text/button等等“ 然后就可以通过 input【type=”。。“】 来定位到有相同表单功能的元素进行添加样式的

    
    
    
    


    

        Firstname:     
        lastname:   
        
    

全部代码

 

菜鸟教程留言中的优质笔记：