Menu
Hi there,
What do the selector “input+select” and “input+input” mean in the following css code? What is + sign here for?
[CODE]
input+select, input+input {
margin-left: 20px;
}
Check the following code, what’s fit in the selector or what is the portion of the html selected by the code? Thanks,
[CODE]
<!DOCTYPE html>
<html>
<head>
<title>Car Picker</title>
<link rel=”stylesheet” href=”script06.css”>
<script src=”script10.js”></script>
</head>
<body>
<h2 class=”centered”>Car Picker</h2>
<form action=”someAction.cgi”>
<p><label for=”emailAddr”>Email Address:
<input id=”emailAddr” type=”text” size=”30″ class=”reqd email”>
</label></p>
<p><label for=”color”>Colors:
<select id=”color” class=”reqd”>
<option value=”” selected>Choose a color</option>
<option value=”Red”>Red</option>
<option value=”Green”>Green</option>
<option value=”Blue”>Blue</option>
</select>
</label></p>
<p>Options:
<label for=”sunroof”><input type=”checkbox” id=”sunroof” value=”Yes”>Sunroof (Two door only)</label>
<label for=”pWindows”><input type=”checkbox” id=”pWindows” value=”Yes”>Power Windows</label>
</p>
<p><label for=”DoorCt”>Doors:
<input type=”radio” id=”twoDoor” name=”DoorCt” value=”twoDoor” class=”radio”>Two
<input type=”radio” id=”fourDoor” name=”DoorCt” value=”fourDoor” class=”radio”>Four
</label></p>
<p><label for=”zip”>Enter your Zip code or pick the dealer nearest you:<br>
Zip: <input id=”zip” type=”text” size=”5″ maxlength=”5″ class=”isZip dealerList”>
<select id=”dealerList” size=”4″ class=”zip”>
<option value=”California–Lemon Grove”>California–Lemon Grove</option>
<option value=”California–Lomita”>California–Lomita</option>
<option value=”California–Long Beach”>California–Long Beach</option>
<option value=”California–Los Alamitos”>California–Los Alamitos</option>
<option value=”California–Los Angeles”>California–Los Angeles</option>
</select>
</label></p>
<p><input type=”submit” value=”Submit”> <input type=”reset”></p>
</form>
</body>
</html>