The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

CSS ::after Pseudo-Element Example

TODO: Pull subtitle into page object
Alfa Bravo

Notes

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

CSS ::after Pseudo-Element Example

-- html
-- show
-- title: Output
-- showtitle: HTML

<div id="widget">Alfa Bravo</div>

-- css
-- show
-- title: css

#widget::after {
  content: " Charlie Delta";
}

-- notes

- It seems you can't add other elements (e.g. divs, 
a tags, etc...), just text content. See the `content``
reference link for details

- The `attr()`` function can be used to pull 
text from tag attributes


-- ref
-- url: https://developer.mozilla.org/en-US/docs/Web/CSS/::after

-- ref
-- url: https://developer.mozilla.org/en-US/docs/Web/CSS/attr

-- ref
-- url: https://developer.mozilla.org/en-US/docs/Web/CSS/content


-- categories
-- CSS 
-- Snippet

-- metadata
-- date: 2023-08-20 20:37:22
-- id: 2ugut7ik
-- site: aws
-- type: snippet 
-- status: published