https://wiki.linepup.com/ 2026-05-07T23:11:40+00:00 https://wiki.linepup.com/ https://wiki.linepup.com/lib/exe/fetch.php?media=logo.png text/html 2026-05-07T19:58:36+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.linepup.com/doku.php?id=css:combinators&rev=1778183916&do=diff CSS: Combinators Adjacent Sibling The adjacent sibling combinator (+) separates two selectors and matches the second element only if it immediately follows the first element, and both are children of the same parent element. /* Paragraphs that come immediately after any image */ img + p {} text/html 2026-05-07T20:02:01+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.linepup.com/doku.php?id=css:selectors&rev=1778184121&do=diff CSS: Selectors Attribute The CSS attribute selector matches elements based on the presence or value of a given attribute. /* <a> elements with a title attribute */ a[title] {} /* <a> elements with an href matching "<https://example.org>" */ a[href="<https://example.org>"] {} /* <a> elements with an href containing "example" */ a[href*="example"] {} /* <a> elements with an href ending ".org" */ a[href$=".org"] {} /* <a> elements whose class attribute contains the word "logo" */ a[class~="… text/html 2026-05-07T20:14:48+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.linepup.com/doku.php?id=css:start&rev=1778184888&do=diff CSS * Combinators * Selectors * Transform text/html 2026-05-07T20:46:51+00:00 Anonymous (anonymous@undisclosed.example.com) https://wiki.linepup.com/doku.php?id=css:transform&rev=1778186811&do=diff CSS: Transform translate transform: translate(20px, 50px); Moves an element according the specified x and y values. The example moves the element 20px to the right and 50 pixels down. rotate transform: rotate(20deg); Rotates an element clockwise or counter clockwise according to specified degree. The example rotates the element 20 degrees.