A descendant selector in CSS is any selector with white space between two selectors without a combinator. Here’s some examples: ul li { } header h2 { } footer a { } .module div { } #info-toggle span { } div dl dt a { } Take ul li { } for example. It means “any list item
Posts By: Renat
:disabled
The :disabled pseudo-class selector provides conditional styling to HTML elements that can receive user input, when the elements have the disabled attribute. It is defined in the CSS Selectors Level 3 spec as a “UI element state pseudo-class”, meaning it is used to style content based on the user’s interaction with an input element. Elements that can receive the disabled attribute include <button>, <input>,<textarea>, <optgroup>, <option> and <fieldset>. There
:default
The :default pseudo selector will match the default in a group of associated elements, such as the radio button in a group of buttons that is selected by default, even if the user has selected a different value. input[type=”radio”]:default + label:after { content: ‘ (default)’; color: #999; font-style: italic; } The CSS above targets the
Class
A class selector in CSS looks like this: .class { } The word “class” in that code above can be anything. It refers to the attribute on HTML elements. See the relationship between these two things: <a href=”#” class=”big-button”>Push Me</a> .big-button { font-size: 60px; } You can limit a class selector to a specific kind