html5 - 添加了偽元素 但是查看元素看不到
問題描述
.swiper-wrapper .swiper-slide:nth-of-type(1) img:nth-child(2) { position: absolute; top: 23%; left: 45%; animation: rotate_flower1 2.5s ease-in infinite; /*animation: rotate_flower2 2.5s ease-out infinite;*/ animation-fill-mode: forwards;}.swiper-wrapper .swiper-slide:nth-of-type(1) img:nth-child(2)::after{ content: ’’; position: absolute; display: block; top: 23%; left: 45%; width: 2.5em; /*animation: rotate_flower1 2.5s ease-in infinite;*/ animation: rotate_flower2 2.5s ease-out infinite; animation-fill-mode: forwards;}
是想通過這樣的方式設置兩個方向的動畫 疊加起來出現曲線的效果但是現在添加的偽元素在查看元素時并看不到請問為什么 哪里寫錯了
問題解答
回答1：如果你的 img 中的 src 是一個無效的地址，那么你的 ::after 或者 ::before 或許還可以在個別瀏覽器中看到，但是，如果 src 是一個正確的有效的地址，那么這個時候是沒有偽元素的。
單標簽元素是不存在偽元素的。
回答2：img沒有偽元素
相關文章：
1. boot2docker無法啟動2. docker-compose中volumes的問題3. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””4. java - SSH框架中寫分頁時service層中不能注入分頁類5. nignx - docker內nginx 80端口被占用6. docker安裝后出現Cannot connect to the Docker daemon.7. javascript - mock.js可以存儲數據嗎8. docker api 開發的端口怎么獲取？9. docker images顯示的鏡像過多，狗眼被亮瞎了，怎么辦？10. golang - 用IDE看docker源碼時的小問題
網公網安備