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