Unusual method for writing CSS

#1

Hello,

I’ve faced this style in a tutorial which I try to learn it:
but when I write it computer fails!!

[name=todoItem]{
    border:none;
    font-family: "Times New Roman";
    font-size: 100%;
    padding:0.15em;
}


    background-color: #f9f9f9;
    cursor:pointer;
}


    background-color: #f9f9f9;
    cursor:default;
    outline:none;
}

the second part is for hover and third one is for focus.
Is it a usuall method for writing styles for meteor?

thanks,
Saeed

#2

This is actually a question you should poat under a css forum or as reaction under the tutorial… anyways, you will have to repeat the selectors:

[name=todoItem]{
    border:none;
    font-family: "Times New Roman";
    font-size: 100%;
    padding:0.15em;
}

[name=todoItem]:hover {
    background-color: #f9f9f9;
    cursor:pointer;
}

[name=todoItem]:active {
    background-color: #f9f9f9;
    cursor:default;
    outline:none;
}