This selector can match elements with the specified attribute regardless of the attribute value.
The code example is as follows:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>php中文网</title> <style type="text/css"> li{ list-style:none; float:left; height:20px; line-height:20px; width:20px; border:1px solid #333; border-radius:10px; border-radius:10px; border-radius:10px; text-align:center; color:green; margin-right:5px; } li[id]{ color:red } </style> </head> <body> <div class="antzone"> <ul> <li>1</li> <li title="antzone" id="theid">2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> </ul> </div> </body> </html>
The above code can set the font color in the li element with the id attribute to red.
You can also use multiple attributes to match elements. The code is as follows:
li[id][title]{ color:red }
The above code can set the font in the li element with both id and title attributes to red.