CSS3 Selector-Property Selector

A, e[attr]

The E[attr] Property selector is the simplest of the CSS3 property selectors. If you want to select an element that has a property, regardless of the value of that property, you can use this property selector

IE6 does not support this selector.

second, e[attr= "value"]

       e[attr= the "value"] selector and the e[attr] selector are literally understood, e[attr= "value" is the property value specified "Value", while e[attr] simply chooses to have a corresponding property, and does not explicitly refer to its corresponding property value "value", which is also the largest area of the two selectors. This narrows the selection and allows you to choose exactly what you need

IE6 browsers do not support this selector.

third, e[attr~= "value"]

       If you want to select an element based on a word from the list of words in the attribute value, you need to use this property selector: e[attr~= "value"], This property selector is the attribute value is one or more word lists, if it is a list, they need to be separated by a space, as long as there is a value in the property values to match the element can be selected, and we said earlier e[attr= "value" is the property value needs to be fully matched before it is selected, The difference between them is the one with "?" Number, one without "?" No.

IE6 does not support the e[attr~= "value" property selector.

iv. e[attr^= "value"]

      e[attr^= the "value" property selector, which is the selection of all elements of the Attr property value that begins with "value", in other words, the property that is selected with the corresponding property value is " Value "Start

IE6 does not support the e[attr^= "value" selector.

v. e[attr$= "value"]

      e[attr$= The "value" property selector is just the opposite of the e[attr^= "value" selector, e[attr$= "value") means selecting the Attr property value to " Value "At the end of all elements, in other words, select the element attr attribute, and his property value is the end of the values, this is used to give you some special links with the background image is very convenient, such as to Pdf,png,doc and other files with different icon, We can use this property to implement the

IE6 does not support the e[attr$= "value" property selector.

vi. e[attr*= "value"]

      e[attr*= "Value" Property selector represents all elements that select the Attr property value that contains the substring "value". That is, the value of this "value" in the property value will be selected as long as you select the property,

IE6 does not support the e[attr$= "value" property selector.

vii. e[attr|= "value"]

      e[attr|= "Value" is the last one in the property selector, before saying that the selector is used to remind everyone that the attr behind is a vertical bar "|" instead of L, beware of mistaken. E[attr|= "Value" is referred to as a specific property selector. This selector selects all elements that have the Attr property value equal to value or start with value-

IE6 does not support the e[attr|= "value" selector.

CSS3 Selector-Property Selector