its possible update a page content use html and css without javascript? : <p>its possible update a page content use html and css without javascript</p>

<p>I see this tutorial but i dont know if is possible update page on click without javascript </p>

<p><a href="http://codepen.io/ejsado/pen/EaFsy?css-preprocessor=sass" rel="nofollow noreferrer">http://codepen.io/ejsado/pen/EaFsy?css-preprocessor=sass</a></p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>@keyframes hide1 {
	from {
		visibility: hidden;
	}
	to {
		visibility: visible;
	}
}
@keyframes hide2 {
	from {
		visibility: hidden;
	}
	to {
		visibility: visible;
	}
}

@mixin set-animation($name) {
  animation: $name 200ms steps(1);
}
h1, h3, h4, p {
  text-align: center;
}
h4 {
	width: 400px;
	margin: 1rem auto;
}
div {
  width: 140px;
  margin: 0 auto;
}
#click {
  position: absolute;
  left: -20px;
}
#single-click {
  position: absolute;
  cursor: pointer;
  @include set-animation(hide1);
}
#single-click, #double-click {
  user-select: none;
  width: 135px;
  height: 110px;
}
#double-click {
  border: none;
  background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/106891/folders.png");
  background-size: 450px;
  background-position: 301px 0;
}
#click:checked ~ #single-click {
  @include set-animation(hide2);
}
#double-click:focus {
  outline: 0;
}
#click:focus ~ #double-click {
  background-position: 0 0;
}
#double-click:focus {
  background-position: 153px 0;
}
#double-click:focus ~ p {
  opacity: 1;
}
p {
  opacity: 0;
}
footer {
  position: fixed;
  bottom: 0;
  right: 0;
  font-size: 13px;
  background: #DDD;
  padding: 5px 10px;
  margin: 5px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;h1&gt;CSS Double Click&lt;/h1&gt;
&lt;h3&gt;Double click detection without Javascript&lt;/h3&gt;
&lt;div&gt;
  &lt;input type="checkbox" id="click"&gt;
  &lt;label id="single-click" for="click"&gt;&lt;/label&gt;
  &lt;button id="double-click"&gt;&lt;/button&gt;
  &lt;p&gt;You double clicked!&lt;/p&gt;
&lt;/div&gt;
&lt;h4&gt;The folder image is a button.&lt;/h4&gt;
&lt;h4&gt;There is a transparent label on top of the button.&lt;/h4&gt;
&lt;h4&gt;The label is attached to a checkbox.&lt;/h4&gt;
&lt;h4&gt;When the label is clicked, it gains focus and the folder is opened and the checkbox is checked (or unchecked).&lt;/h4&gt;
&lt;h4&gt;The checkbox triggers an animation which hides the transparent label for 200ms, which allows the button (folder image) to be clicked.&lt;/h4&gt;
&lt;h4&gt;If the user is quick enough to click the button, the button is focussed and displays the full folder and shows the success message.&lt;/h4&gt;
&lt;footer&gt;
  An original pen by &lt;a href="http://codepen.io/ejsado/"&gt;Eric&lt;/a&gt;.
&lt;/footer&gt;</code></pre>
</div>
</div>
</p>

<p>Please help me</p>
