属性选择器(通常用在input)

Posted 2020-10-17 梦想起航我起床

　　1.  input[type="text"]{}

                   选中属性值为text的input

       2.  input[type|="text"]{}

                   选中以text-开始的input的type属性值

                   <input type="text-sadads">

        3. input[type^="text"]{}

                   选中标签中type属性以text属性值开始

                   注：该声明表示属性值有多个并每一个属性值之间用空格隔开

                    例如：    <input type="text sadads">

       4.  input[type*="text"]{}

                   选中input标签中type属性包含text属性值，属性值之间可不隔开

                     例如：   <input type="sadtextsadads">

       5.  input[type~="text"]{}

                   选中input标签中type属性包含text属性值

                   注：该声明表示属性值有多个并每一个属性值之间用空格隔开

                    例如：<input type="sadds text sadads">

       6.  input[type$="text"]{}

                   选中标签中type属性以text属性值结束

                   例如：<input type="ssd text">