css3 - 纯css实现点击特效

Question

怎么用纯css实现和按钮一样的点击一次，然后改变样式？听说是用伪元素target，不过我不知道怎么操作

Answer 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實作點擊事件及實作http://www.cnblogs.com/pssp/p...

Answer 2

點擊過的連結可以 :visited 。

Answer 3

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

HTML:

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

CSS:

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

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

Answer 4

雷雷 雷雷

Answer 5

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

Answer 6

現在css只有hover visited 才能監聽到滑鼠滑動過的事件 要是點擊改變樣式 一般只能結合js來實現

Answer 7

jquery 的slideToggle