selectors

Here are some CSS selectors that I might forget in the future if I do not write them down...

/*Make only inputs with type 'text' have a gray background*/
input[type="text"] {
	background: gray;
}

/* Give the 2nd <p> inside the 3rd <div> a 5px white border*/
div:nth-of-type(3) p:nth-of-type(2) {
	border: 5px white solid;
}

/* Make the <em> in the 3rd <div> element white and 20px font(font-size:20px)*/
div:nth-of-type(3) em {
	color: white;
	font-size: 20px;
}

/*Make all "checked" checkboxes have a left margin of 50px(margin-left: 50px)*/
input[type="checkbox"]:checked {
	margin-left: 50px;
}

/* Make the <label> elements all UPPERCASE without changing the HTML(definitely look this one up*/
label {
	text-transform: uppercase;
}

/*Make the first letter of the element with id 'special' green and 100px font size(font-size: 100)*/
#special:first-letter {
	color: green;
	font-size: 100;
}

/*Make the <h1> element's color change to blue when hovered over */
h1:hover {
	color: blue;
}

/*Make the <a> element's that have been visited gray */
a:visited {
	color: gray;
}