av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - 純css實現(xiàn)點擊特效

瀏覽:123日期:2023-06-28 14:58:49

問題描述

怎么用純css實現(xiàn)和按鈕一樣的點擊一次,然后改變樣式?聽說是用偽元素target,不過我不知道怎么操作

問題解答

回答1:

<style> #select{display:none; } .box{width:100px;height:100px;border:1px solid red;display:none; } #select:checked + .box{display:block; }</style><label for='select'>點我!</label><input type='checkbox' id='select'><p class='box'>盒子</p>

也可以看一下這篇文章:CSS實現(xiàn)點擊事件及實踐http://www.cnblogs.com/pssp/p...

回答2:

點擊過的鏈接可以 :visited 。

回答3:

visited的方法前面的小伙伴已經(jīng)講了;那我還是幫你搞懂偽元素 target 的用法吧。學(xué)東西畢竟得踏踏實實,搞懂想要的再去學(xué)新的。:target偽選擇器指定的ID匹配上時,它的樣式就會在這個ID元素上生效。

HTML:

<h1 id='section1'>Section 1</h1>

CSS:

:target { color: #afafaf;}h1:target { color: #f00;}

ID為”section1″的元素將會變紅.

回答4:

<!DOCTYPE html><html> <head><meta http-equiv='Content-Type' content='text/html; charset=UTF-8'><title>RunJS</title> <script type='text/javascript' src='http://m.4tl426be.cn/js/sandbox/other/CanvasText-0.4.1.js'></script><style>p{color:#fff;height:80px;width:220px;background-color:#abcdef;line-height:80px;text-align:center;}a:visited>p{ background:#000;}</style> </head> <body><a href='http://m.4tl426be.cn/wenda/5745.html#' >我是一個連接<p> 我是一個p</p></a> </body></html>

像這樣用visited然后可以控制a的子元素的樣式,+選擇器不支持,只支持hover、active?;卮?:

貌似沒有類似jquery的toogleClass(不記得拼寫了)的功能吧,不過,倒是input有個checked屬性。你可以使用兄弟選擇器來設(shè)置,比如input+label和input:checked+label來區(qū)分,但是,這個明顯和你說的也不太一樣,這個其實是通過獲取焦點和失去焦點來判斷的。實在不行就用JS吧

回答6:

現(xiàn)在css只有hover visited 才能監(jiān)聽到鼠標(biāo)滑動過的事件 要是點擊改變樣式 一般只能結(jié)合js來實現(xiàn)

回答7:

jquery 的slideToggle

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 久久久久成人精品免费播放动漫 | 亚洲精品中文字幕 | 日韩一区二区三区四区五区六区 | 日韩一区二区久久 | 国产一区二区精品自拍 | 精品一区二区三区av | 欧美激情国产精品 | av无遮挡| 日韩影院在线观看 | 岛国毛片在线观看 | 午夜视频在线观看一区二区 | 秋霞电影院午夜伦 | 精品一区国产 | 浮生影院免费观看中文版 | 国产精品久久久久久久免费观看 | 欧美性video 精品亚洲一区二区 | av在线免费观看网站 | 欧美精品在线一区二区三区 | 久久国产精品一区二区三区 | 伊人伊成久久人综合网站 | 亚洲 日本 欧美 中文幕 | 国产一区二区三区在线免费观看 | 久久99久久 | 亚洲欧美日韩成人在线 | 国产精品福利视频 | 成人免费视频 | 青青青伊人 | 亚洲伊人a | 日韩中文字幕在线视频 | 欧美全黄 | 不卡一区二区在线观看 | 日韩av福利在线观看 | 九九热这里只有精品在线观看 | 免费在线播放黄色 | 国产成人综合在线 | 国产成人免费在线 | 伊人精品久久久久77777 | 黄色一级片在线播放 | 日韩视频一区二区 | 亚洲成av人片在线观看无码 | 中文字幕 亚洲一区 |