Target pseudo-class

This pseudo-class is called target pseudo-class and represents an element which matches against fragment identifier of the URI. For example an URI is pointing to anchor named partHelp like here: the element with the ID partHelp will be selected by this selector.

:target {
    /* declarations */}


:target {
    outline: red dotted;

You can also read this

Short-circuits conditionals

If you have to execute a function only if condition...

// You can use short-circuit
condition && doSomething();

Weather app with Vuejs

In this app I’m going to build a weather app...

var vm = new Vue({
  // options