84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
**CSS 文件内部：**
input[type="text"]{ border: 2px solid red; } input::placeholder{ color:green; } input[title="google"]{ background-color:black; color:white; }
为什么类型、占位符和标题的写入过程不同？尽管 标签内的文字看起来相同。如何理解哪些是属性，哪些是元素？
input::placeholder 选择 的占位符，而 input[attribute="value"] 选择 > 其属性值为 value。它们做不同的事情。
input::placeholder
input[attribute="value"]
>
可视化示例：
/* Selects an <input> 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; }
<input type="text" placeholder="This placeholder is red and not editable." > <input type="text" placeholder="" value="...whereas the input content itself is blue and editable." >
注意：此答案是从评论转换而来的，因为我找不到任何重复的目标。
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
input::placeholder选择的占位符，而input[attribute="value"]选择>其属性值为 value。它们做不同的事情。可视化示例：
/* Selects an <input> 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; }注意：此答案是从评论转换而来的，因为我找不到任何重复的目标。