CSS選擇符-----屬性選擇符
阿新 • • 發佈：2018-12-11
Element[att]
選擇具有att屬性的E元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input[name]{ border:1px solid red; } </style> </head> <body> <div> <span>使用者名稱：</span> <input name="userName" value="userName"/><br /> <span> 密碼：</span> <input value="userPwd"/> </div> </body> </html>
Element[att="val"]
選擇具有att屬性且屬性值等於val的E元素
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input[name="userName"]{ border:1px solid red; } input[name="userPwd"]{ border:1px solid #0000FF; } </style> </head> <body> <div> <span>使用者名稱：</span> <input name="userName" value="userName"/><br /> <span> 密碼：</span> <input name="userPwd" value="userPwd"/> </div> </body> </html>