CSS3 Property Selector

Demo Content

Use the element attribute in the selector to get the specified element attribute or the element syntax that is worth it:

[Properties]: All elements with the specified attributes are all matched

element [Property]: matches the specified element with attributes

P[id]: Match p element with id attribute
Div[class]:
element [attribute 1][property 2]:
P[id][class]: Matches all P elements that have an id attribute and a class attribute
element [attribute = value]:
Input[type= "Text"]: the input element that matches the type value of text
element [attribute ~= value]:
Input[class ~= Second]:
<input class= "First Second"/>
<input class= "Myseconddiv"/>

~=: Contains the specified data (standalone)
=: only the specified data
element [attribute ^= value]: matches the specified element that specifies the value at which the specified property starts
P[CLASS^=F]: matches the P element with class starting with F
<p class= "First" ></p> can match
<p class= "Fast" ></p> can match
<p class= "Second" ></p> cannot match
element [attribute *= value]: property contains value element
p[class*= "valid"];
<p class= "Myvalid" ></p>
element [attribute $= value]: The element that matches the property to specify the end of the value
Element [Property! = value]: The match attribute is not equal to a specific merit element

eg
Input[id]: Gets the INPUT element with the id attribute
<input type= "Text"/>
<input type= "Radio" id= "Rdogender"/>

CSS3 Property Selector