CSS Target Attribute [Snippet] <> No-Code Supply Co.
Code
Snippet
/ 

CSS Target Attribute

View 
 
Snippet
*
 ↗
View 
Snippet
 ↗
CSS Target Attribute
/* Select elements with a specified attribute and value. */
a[target="_blank"] {
color: red;
}
/* Select elements with an attribute value containing a specified WORD. */
svg[title~="flower"] {
border: 5px solid yellow;
}
/* Select elements with the specified attribute, whose value can be exactly the specified value, or the specified value followed by a hyphen (-). */
h2[class|="top"] {
background: yellow;
}
/* Select elements with the specified attribute, whose value STARTS with the specified value. */
[class^="top"] {
background: yellow;
}
/* Select elements whose attribute value ENDS with a specified value. */
[class$="test"] {
background: yellow;
}
/* Select elements whose attribute value contains a specified value, which does NOT have to be a whole word. */
[class*="te"] {
background: yellow;
}
view raw css-target-attribute.css hosted with ❤ by GitHub

Alter the style of an element with CSS by targeting a custom attribute you add to it. Learn more about the possibilities with attribute selectors here: https://www.w3schools.com/css/cssattributeselectors.asp

Tags

CSS
Get

Share this item

Twitter
Facebook
LinkedIn

Have feedback or a question related to this item? Drop us some feedback!

Curated: 
10.30.20

Similar items

Items
52
Layout
Grid View
Row View
Lapz
Inspo
Website
/ 

Lapz

11.7.24
Transportation, Sports, Technology, Landing, Scrollytelling, 3D, Webflow
Unblocked AI Figma Plugin
Tools
Utility
/ 

Unblocked AI Figma Plugin

11.7.24
Creative, AI, Assets, Workflow, Figma
Onx UI
Tools
Utility
/ 
Website

Onx UI

11.7.24
Creative, No-code, Components, Gallery, Workflow, Webflow, Mast
Webflow With Cloudflare Proxy On (My New Kickass Method!)
Learn
Article
/ 

Webflow With Cloudflare Proxy On (My New Kickass Method!)

10.30.24
No-code, Dev Tools, Proxy, Workflow, Hosting, Assets, Webflow, Using Webflow with Cloudflare
1-800-D2C
Inspo
Website
/ 
Directory

1-800-D2C

10.30.24
SAAS, App, Gallery, Shopify, Webflow
Perplexity Supply
Inspo
Website
/ 

Perplexity Supply

10.30.24
AI, Creative, Apparel, Ecommerce, Framer, Shopify
Glyphic
Inspo
Website
/ 

Glyphic

10.30.24
SAAS, AI, Marketing, Webflow
Wand
Inspo
Website
/ 
App

Wand

10.30.24
Creative, 3D, Workflow, Landing, Webflow
Check
Inspo
Website
/ 

Check

10.29.24
Financial, HR, SAAS, Marketing, Webflow
Flow Sparrow
Inspo
Website
/ 

Flow Sparrow

10.29.24
Creative, No-code, Agency, Portfolio, Webflow
FlowMapp
Tools
App
/ 
Website

FlowMapp

10.29.24
Creative, SAAS, Dev Tools, Website Builder, Agency, Workflow, Webflow
Popcorn
Inspo
Website
/ 

Popcorn

10.29.24
Technology, SAAS, Landing, Webflow, Moritz Petersen
Autopilot
Inspo
Website
/ 

Autopilot

10.29.24
Travel, SAAS, Landing, Webflow
ShareClub
Inspo
Website
/ 

ShareClub

10.29.24
Financial, Marketing, Webflow
Fitonist App
Inspo
Website
/ 

Fitonist App

10.29.24
Fitness, Mobile Apps, Landing, Scrollytelling, Webflow
Wayfinder Ventures
Inspo
Website
/ 

Wayfinder Ventures

10.29.24
Financial, Technology, Marketing, Webflow
Groteskly Yours Studio
Tools
Fonts
/ 

Groteskly Yours Studio

10.28.24
Creative, Fonts, Gallery
Reweb
Tools
App
/ 

Reweb

10.27.24
Dev Tools, Website Builder, Javascript, CSS
MINO
Inspo
Website
/ 

MINO

10.27.24
Creative, Architecture, Assets, Agency, Portfolio, Framer
Biograph
Inspo
Website
/ 

Biograph

10.27.24
Health & Wellness, Medical, Technology, Marketing, Framer
Bleed Design Studio
Inspo
Website
/ 

Bleed Design Studio

10.27.24
Creative, Agency, Portfolio, Framer
Frameblox
Tools
Component
/ 
Directory

Frameblox

10.27.24
No-code, Components, Gallery, Framer
Rotato
Tools
App
/ 

Rotato

10.24.24
Creative, SAAS, Portfolio, Assets
También Studio Courses
Learn
Course
/ 
Website

También Studio Courses

$99+
10.24.24
Creative, No-code, Education, Landing, Webflow, GSAP, Notion, También Studio
CSS Hamburgers
Tools
Component
/ 

CSS Hamburgers

10.24.24
Dev Tools, No-code, CSS, Components, Navigation, Webflow, Timothy Ricks
X Shack
Inspo
Website
/ 

X Shack

10.24.24
Health & Wellness, Community, Landing, Scrollytelling, Webflow
Load more

Bummer, no results

Try a different search/filter combo, or drop us some feedback if there is something missing you would love to see!

Reset filters

Subscribe for updates

Get updates on the latest curated resources and be the first to hear of new features.