css attribute selector, [], =, ~ =, ^ =, ~ =, $ =, | =, etc. Symbol Meaning

p [attribute1] [attribute2] { / * [] attribute selectors, represents all the elements with certain attributes, the plurality of parameters represents at the same time having a plurality of attributes, class attributes may be used as a screening * /
}
A [the href = " http://www.123.com "{all elements / * = with an attribute, and the attribute value is equal to the specified value * /]
}
div [~ class =" Class1 "] {/ * = ~ having a property and the attribute value contains all of the elements specified value * /
}
INPUT [^ title = "TITLE1"] {/ * ^ = the value of the specified attribute to specify the beginning of the string * /
}
INPUT [$ title = "TITLE1"] {/ $ = * value of the specified property to the specified end of the string * /
}
INPUT [* = title "TITLE1"] {/ * * = value of the specified property of the specified character string * /
}
INPUT [title | = "TITLE1"] { / * | = value of the specified property is equal to or begin title1 * title1- /
}

 

Reference links  https://blog.csdn.net/luanpeng825485697/article/details/77692971