修改input框中placeholder的字体相关样式
<style>
::-webkit-input-placeholder { color: red;}
:-moz-placeholder { color: red; }
::-moz-placeholder { color: red; }
:-ms-input-placeholder { color: red;}
</style>
<input type="text" placeholder="123123文字213">
单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。
css1和css2中,伪类和伪元素区别不明显,语法也一样,以:开头,容易让别人把伪元素就认为是伪类,:before,:after,到了css3的出现,两者就有了明显区别
伪类:前者包含那些匹配指定状态的元素,比如:visited,:active;后者包含那些满足一定逻辑条件的DOM树中的元素,比如:first-child,:first-of-type,:target。
伪元素:比如::before表示选择元素内容的之前内容,也就是"";::selection表示选择元素被选中的内容。
css3中,伪类和伪元素在语法上有区别,伪元素以::开头。
但浏览器对:开关的伪元素也继续支持,注意规范性则以::开头。
伪类 伪类p:first-child表示选择的元素既要是p标签,同时要是其父元素的第一个子元素,不要错误认为是表示p元素的第一个子元素;同理,p:first-of-type表示选择的元素要是p标签,同时要是其父元素的第一个p标签元素;其他类似的伪类含义相似。
伪元素对于伪类,伪元素还有一个网址讲得不错,附上详情地址:
https://www.w3cschool.cn/css_series/css_series-pwkt24q2.html
网友评论