1.什麼是偽元素選擇器？ 偽元素選擇器作用就是給指定標籤的內容前面新增一個子元素或者給指定標籤的內容後面新增一個子元素。 2.格式： 標籤名稱：：before{ 屬性名稱：值； } 給指定標籤的內容前面新增一個子元素。 標籤名稱：：after{ 屬性名稱：值； } 給指定標籤的內容後面新增一個子元素。 visibility：hidden（將新增的子元素隱藏起來。） content："";(指定新增的子元素的內容。) <style> *{ margin: 0px; padding: 0px; } div{ width: 200px; height: 200px; background-color: red; } div::before{ content:"我愛你"; display: block; } div::after{ content:"愛死了"; display: block; } </style> <div> 習近平最帥 </div>
(fuck，sick boy) 新增visibility：hidden; div::before{ content:"我愛你"; display: block; visibility: hidden; } div::after{ content:"愛死了"; display: block; visibility: hidden; }