Page 115 - Learn To Use HTML and CSS
P. 115
So You Want to Learn to Use HTML and CSS – Version 2020-06-12a Page 105
Chapter 10 — More CSS Selectors to Give Your Style Sheet Surgical Precision
selector[attribute*=value] — Select if the element has the value one or more times
Free
anywhere in the attribute.
There are more attribute selectors, that allow for more complex selection rules, but these are
common. For more information follow the links in the footnotes to this section.
eBook
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Attribute Selector</title>
<link href="attribute_selector.css" rel="stylesheet" type="text/css">
</head>
<body>
Edition
<h1>Attribute Selector</h1>
<ul>
<li><label for="username">Name:</label>
<input type="text" name="username" required>
</li>
<li><label for="color">Favorite Color:</label>
<select name="color" id="color_select" required>
Please support this work at
<option value="R">Red</option>
<option value="O">Orange</option>
<option value="Y">Yellow</option>
<option value="G">Green</option>
http://syw2l.org
<option value="B">Blue</option>
<option value="I">Indigo</option>
<option value="V">Violet</option>
<option value="X">Do Not Wish to Answer</option>
</select>
</li>
<li><label for="Comment">Comment:</label> Free
<textarea name="comment"></textarea>
</li>
</ul>
</body>
eBook
</html>
/* attribute_selector.css - Sample CSS Sheet for Attribute Selectors */
ul {
list-style: none;
Edition
}
label {
display: inline-block;
Copyright 2020 — James M. Reneau PhD — http://www.syw2l.org — This work is
licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
