A must-have for pocket web production HTML & CSS complete encyclopedia revised edition (Yoshinori Kato (Author), Series Editorial Department (Author) / Impress)

Cover image of the revised version of the complete HTML & CSS encyclopedia (Yoshinori Kato (Author), Series editorial department (Author) / Impress)

Purchase price: Kindle Unlimited (0 yen)


This article can be read in about 1 minute 13 seconds

I thought that HTML and CSS would come more and more before the morning meal, but HTML is a lot of CSS that I have never seen or used anyway.Moreover, most of them are already compatible with major browsers.

The 10-year-old player's web designer should humbly relearn in this book.

Indirect Selector Apply style to younger brother element
Element name A ~ Element name
Applies the style to element name B written after element name A in the same parent element.For child elements within the same parent element, the element described before is called the brother element, and the element described after is called the younger brother element.In the example below, the style is applied to the second and subsequent elements, and the characters are displayed in bold.
li ~ li {
font-weight: 600;

Description of indirect selector
* Reprinted from the above figure

Apply style to elements with specified attributes and attribute values
Element name [attribute = ”attribute value”] {~}
Applies the style to the element with the specified attributes and attribute values.In the following example, the style is applied to the a element with the rel attribute whose attribute value is external, and the icon is displayed.
a[rel="external"] {
padding-right: 15px; background: url(image/external-icon.png) no-repeat right center;

Specify the style and shape of the emphasis marks
{text-emphasis-style: スタイル 形; }

Specify the style and shape of the emphasis marks
* Reprinted from the above figure

Article category: WEB