It is the true teacher who leaves the class knowing they have learned the most.
Tucson, AZ
Joined September 2006
- Tweets 64,757
- Following 13,801
- Followers 26,057
- Likes 36,165
A mental starting point for #CSS #specificity mastery! That it confuses all of us has a lot to do with the fact it really isn't a tool for content, rather the software devs building browser engines. But knowing how an engine works lets us solve or prevent problems! / @jensimmons
So, in short, #CSS #Specificity is:
1. A Browser algorithm to sort style sheets
2. Weighing all your styles to determine what will display
1
7
So, in short, #CSS #Specificity is:
1. A Browser algorithm to sort style sheets
2. Weighing all your styles to determine what will display
1
1
5
So #CSS #specificity is the point in the browser engine's algorithm where all the styles you've written *weigh* in. The algorithm sorts weight and the highest specificity of a selector is what a browser should display. This understanding can bring about stronger authoring skills.
1
2
12
Some #CSS #Specificty material in the making over here bit by bit. Here's a good topic to think about and understand. The #cascade is an algorithm specified mostly for browser developers and tools, not for front end content. With the Cascade, the focus is how the #browser works.
2
5
The Web was meant to be:
Interoperable
Accessible
Free
Open
Secure
Meaningful
USEFUL
20 years of super hard work from so many and it's mostly a push media or pull commodities and political platform. We still have no standards, no curriculum rubik, no concept of quality or ethics.
1
12
2
37
Hmmm...I do live in the Silver State now. I'm sure we could make 'em if we can't find 'em. That's how we got the Web!
Ha! I remember Schlitz - it came in brown shortish bottles or tallboy cans. We drank it a lot in high school as it was cheap. Moving out west, Coors. "It's no downstream beer, we piss in it here!" lol
1
A checkbox should not force a browser refresh, but allow the user to make multiple selections and then input the data in one fell swoop rather than every single query. It's UX FAIL of the worst kind, and breaks expected behavior. Not cool.
I don't understand the question. Out of HTML5 came the ability to script and expand elements via APIs, moving browsers from a document object model to a programmatic one. If you're asking about checkboxes, Amazon has the problem, eBay handles it differently and better IMO.
2
1
SO agree. Tests are handy, but they are tools to measure how well you did your work and where you need to fix it, not tell you how to do it :D
It's an algorithm. People fear algorithms but when we strip away the math what we basically get is an ordered list. Specificity is part of the way a browser determines which style will be displayed. Not knowing this has caused real suffering and loss of money, jobs and so on
1
Also, specificity isn't easy if you're trying to learn it from specs or just use tools to find conflicts. Know the code as we used to say in the olden days of Web design :)
1
1
We were supposed to be focused on semantics in HTML, then in HTML5 which failed at semantics but blew the browser open for programmatic trickery. But nearly every shopping site has checkboxes that require a browser refresh, or don't let you make multiple selections. Why? WHY WHY?
1
8
One would think with a near monoculture of chrome based browsers we'd have gained better interop. We used to blame browsers, or languages. Maybe we need to look at how we ourselves define process, quality, #a11y, and keep it simple. I really have come to hate using the Web.
2
3
13
No. It's the most powerful part of CSS if you understand it and can start your style sheets with that in mind. Inline styles only work in abstract development BECAUSE of specificity.
Thanks Jen, for getting me excited about doing anything Web and browser related. I'm far more meta than specific these days, working with the "wide" part of WWW - policy and politics of Internet and social freedoms that the Web reflects and how media and money disrupt real value.
1
What we know and understand informs our work. Any human construct is going to reflect human bias and flaws as well as our genius and beauty. It's how we focus, position and use our creations that demonstrate how we deal with our various values in our systems. Patterns in chaos.
8
Hmmm. Hard to say as I use modules of content and grab what I need and customize to event/audience. Was it the HTML5 Killed XHTML talk? I can't remember, I really did a lot of conf's and writing and meetups since 1994. What a ride!
1