**In der CSS-Datei:**
input[type="text"]{ border: 2px solid red; } input::placeholder{ color:green; } input[title="google"]{ background-color:black; color:white; }
Warum sind die Schreibverfahren fürTypen,PlatzhalterundTitelunterschiedlich? Auch wenn der Text im-Tag gleich aussieht. Wie kann man verstehen, welcheAttributeund welcheElementesind?
input::placeholder选择的占位符，而input[attribute="value"]选择>其属性值为 value。它们做不同的事情。可视化示例：
/* Selects an with a 'placeholder' attribute */ input[placeholder] { color: #2ab7ca; } /* Selects the placeholder itself */ input::placeholder { color: #ff6b6b; } /* Ignore these */ body { margin: 0; padding: 2em; } input { display: block; margin: 1em 0; height: 2em; width: 100%; padding: 0.5em; }注意：此答案是从评论转换而来的，因为我找不到任何重复的目标。