Have you ever found yourself in a small problem where you have a box with some elements that were floating? But let’s say that the third or the second element had to do something else like: not to
float or to have
border, and you couldn’t change the class name? How can you do that from CSS but not changing the class name?
You have probably seen the first part of this tutorial. Like I told you in the second part we will make that form look better using CSS3.
In this first part of the tutorial I’m going to talk about the HTML5 attribute
What I’m going to do in this tutorial is create a register form. But I’ve inserted an
textarea so you can see that the
placeholder attribute it’s working even in
textarea and on
input type password.
As you already know from the launch of CSS2.1 they implemented the :before and :after pseudo-elements. I know not many people use it but I find it quite helpful.
What are they doing after all?
The :before selector inserts content before the selected element(s).
The :after selector inserts content after the selected element(s).
IE8 support both pseudo-elements