#microformats 2016-04-12

2016-04-12 UTC
emmak_, KartikPrabhu, kylewm, tantek, laughinghan, laughing_, nitot and adactio joined the channel
#
gf89z
edited /hcard-examples-in-wild (+92) "/* new and uncategorized examples */"
(view diff)
#
gf89z
edited /hcard-examples-in-wild (+39) "/* new and uncategorized examples */"
(view diff)
#
gf89z
edited /hcard-examples-in-wild (-2) "/* new and uncategorized examples */"
(view diff)
TallTed, nitot, KartikPrabhu, tantek, Garbee, gRegorLove, emmak and KevinMarks joined the channel
#
kevin marks
edited /microformats2-parsing-issues (+1095) "/* issues */ add img fallback issue"
(view diff)
laughinghan joined the channel
#
gRegorLove
For implied photo parsing, not sure I grok this selector: "else if .h-x>:only-child>img[src]:only-of-type:not[.h-*] then use that img src for photo"
#
gRegorLove
only-child .... only-of-type ... doesn't make sense to me. Isn't it the same thing?
#
tantek
you're missing the > between them
#
tantek
:only-child>img
#
tantek
that's the key part
#
gRegorLove
I forget what that means
#
tantek
those selectors are not applying to the same leement in the tree
#
tantek
> is child selector
#
tantek
gRegorLove: you need the Selectoracle
#
gRegorLove
Heh, nice
#
tantek
.h-x>:only-child means: Selects any element that has no siblings that is a child of any element with a class attribute that contains the word h-x.
#
gRegorLove
"Syntax error at `.' at or near line 1:48"
#
tantek
drop the last selector
#
tantek
that should explain enough of it for it to make sense
#
gRegorLove
"Selects any img element with a src attribute and that has no siblings of its type that is a child of any element that has no siblings that is a child of any element with a class attribute that contains the word h-entry."
#
gRegorLove
(tried it with explicity 'h-entry')
#
gRegorLove
Not sure I get that middle "that is a child of any element that has no siblings"
#
gRegorLove
An img, nested inside an element with no siblings, nested inside an h-entry?
#
tantek
correct!
#
tantek
e.g. <span><a><img></a></span>
#
gRegorLove
Oh, duh. I glossed over the simpler version I was looking for. "else if .h-x>img[src]:only-of-type:not[.h-*] then use that img src for photo"
#
gRegorLove
Now I get it. Thanks! Selectoracle is rad
KartikPrabhu and laughinghan joined the channel