From:  Chris Mills <cmills@mozilla.com>
Date:  29 Mar 2017 21:18:22 Hong Kong Time
Newsgroup:  news.mozilla.org/mozilla.dev.mdc
Subject:  

Re: Help me understand this list

NNTP-Posting-Host:  63.245.214.181

hi there,

These attributes are data attributes:

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/data-*

They are a way to store custom data in an HTML attribute so it can then be easily extracted and used:

https://developer.mozilla.org/en-US/docs/Learn/HTML/Howto/Use_data_attributes

Saying all this, I didn’t mention it in the CSS attribute selectors article you are currently reading. I’m going to add a note to it now!

I hope this answers your question,

Chris Mills
 Senior tech writer || Mozilla
developer.mozilla.org || MDN
 cmills@mozilla.com || @chrisdavidmills

> On 29 Mar 2017, at 14:09, M A  wrote:
> 
> Hi.
> 
> I cannot seem to understand what keyword or custom word are these
> data-quantity/data-vegetable
> Don't see in reference as attributes for 
  • > >
      >
    • Tomatoes
    • >
    • Onions
    • >
    • Garlic
    • >
    • Red pepper
    • >
    • Chicken
    • >
    • Bacon bits
    • >
    • Olive oil
    • >
    • White wine
    > > Thanks > > Rahman > _______________________________________________ > dev-mdc mailing list > dev-mdc@lists.mozilla.org > https://lists.mozilla.org/listinfo/dev-mdc > MDN contributor guide: http://bit.ly/ContributorGuide