<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="FeedCreator 1.8" -->
<?xml-stylesheet href="https://wiki.linepup.com/lib/exe/css.php?s=feed" type="text/css"?>
<rdf:RDF
    xmlns="http://purl.org/rss/1.0/"
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
    xmlns:dc="http://purl.org/dc/elements/1.1/">
    <channel rdf:about="https://wiki.linepup.com/feed.php">
        <title>Notes - css</title>
        <description></description>
        <link>https://wiki.linepup.com/</link>
        <image rdf:resource="https://wiki.linepup.com/lib/exe/fetch.php?media=logo.png" />
       <dc:date>2026-07-06T21:09:16+00:00</dc:date>
        <items>
            <rdf:Seq>
                <rdf:li rdf:resource="https://wiki.linepup.com/doku.php?id=css:combinators&amp;rev=1780089104&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.linepup.com/doku.php?id=css:container-queries&amp;rev=1778197805&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.linepup.com/doku.php?id=css:pseudo-classes&amp;rev=1779386915&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.linepup.com/doku.php?id=css:selectors&amp;rev=1779382169&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.linepup.com/doku.php?id=css:start&amp;rev=1780085943&amp;do=diff"/>
                <rdf:li rdf:resource="https://wiki.linepup.com/doku.php?id=css:transform&amp;rev=1778186811&amp;do=diff"/>
            </rdf:Seq>
        </items>
    </channel>
    <image rdf:about="https://wiki.linepup.com/lib/exe/fetch.php?media=logo.png">
        <title>Notes</title>
        <link>https://wiki.linepup.com/</link>
        <url>https://wiki.linepup.com/lib/exe/fetch.php?media=logo.png</url>
    </image>
    <item rdf:about="https://wiki.linepup.com/doku.php?id=css:combinators&amp;rev=1780089104&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-05-29T21:11:44+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS: Combinators</title>
        <link>https://wiki.linepup.com/doku.php?id=css:combinators&amp;rev=1780089104&amp;do=diff</link>
        <description>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 {}</description>
    </item>
    <item rdf:about="https://wiki.linepup.com/doku.php?id=css:container-queries&amp;rev=1778197805&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-05-07T23:50:05+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS: Container Queries</title>
        <link>https://wiki.linepup.com/doku.php?id=css:container-queries&amp;rev=1778197805&amp;do=diff</link>
        <description>CSS: Container Queries

Container queries let you style elements based on their container's size, not just the viewport size.

Container queries are an alternative to media queries, which apply styles to elements based on viewport size or other device characteristics.</description>
    </item>
    <item rdf:about="https://wiki.linepup.com/doku.php?id=css:pseudo-classes&amp;rev=1779386915&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-05-21T18:08:35+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS: Pseudo-classes</title>
        <link>https://wiki.linepup.com/doku.php?id=css:pseudo-classes&amp;rev=1779386915&amp;do=diff</link>
        <description>CSS: Pseudo-classes

A CSS pseudo-class is a keyword added to a selector that lets you select elements based on information that lies outside of the document tree, such as a specific state of the selected element(s). For example, the pseudo-class :hover</description>
    </item>
    <item rdf:about="https://wiki.linepup.com/doku.php?id=css:selectors&amp;rev=1779382169&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-05-21T16:49:29+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS: Selectors</title>
        <link>https://wiki.linepup.com/doku.php?id=css:selectors&amp;rev=1779382169&amp;do=diff</link>
        <description>CSS: Selectors

Attribute ([])

The CSS attribute selector matches elements based on the presence or value of a given attribute.


/* &lt;a&gt; elements with a title attribute */
a[title] {}

/* &lt;a&gt; elements with an href matching &quot;&lt;https://example.org&gt;&quot; */
a[href=&quot;&lt;https://example.org&gt;&quot;] {}

/* &lt;a&gt; elements with an href containing &quot;example&quot; */
a[href*=&quot;example&quot;] {}

/* &lt;a&gt; elements with an href ending &quot;.org&quot; */
a[href$=&quot;.org&quot;] {}

/* &lt;a&gt; elements whose class attribute contains the word &quot;logo&quot; */
a[cla…</description>
    </item>
    <item rdf:about="https://wiki.linepup.com/doku.php?id=css:start&amp;rev=1780085943&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-05-29T20:19:03+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS</title>
        <link>https://wiki.linepup.com/doku.php?id=css:start&amp;rev=1780085943&amp;do=diff</link>
        <description>CSS

CSS is the language we use to style an HTML document. CSS describes how HTML elements should be displayed.
css index</description>
    </item>
    <item rdf:about="https://wiki.linepup.com/doku.php?id=css:transform&amp;rev=1778186811&amp;do=diff">
        <dc:format>text/html</dc:format>
        <dc:date>2026-05-07T20:46:51+00:00</dc:date>
        <dc:creator>Anonymous (anonymous@undisclosed.example.com)</dc:creator>
        <title>CSS: Transform</title>
        <link>https://wiki.linepup.com/doku.php?id=css:transform&amp;rev=1778186811&amp;do=diff</link>
        <description>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.</description>
    </item>
</rdf:RDF>
