Mail for questions about the blink engine CSSParser

45 views
Skip to first unread message

우찬임

unread,
Jul 26, 2022, 1:40:12 PM7/26/22
to blin...@chromium.org
Hello! I am a Korean student who wants to become a developer.
I am sending this e-mail because I have a question while studying the Blink's Rendering Pipeline.
I read "How blink works" deck and also I read Life of a Pixel.
I learned that StyleResolver creates ComputedStyle through StyleRules created by CSSParser, and ComputedStyle contains the final style.
And I wonder if ComputedStyle is linked to the DOMTree created through the parse process.
스크린샷 2022-07-25 오후 4.39.46.png
When you look at the picture, DOMTree and ComputedStyle seem to be linked, but I'm curious as there is no such word different from the layoutTree description picture.
스크린샷 2022-07-25 오후 4.41.54.png
스크린샷 2022-07-25 오후 4.42.03.png

Are DOMTree and ComputedStyle linked?


Thank s for reading, I'll waiting for an answer about this question.

Steve Kobes

unread,
Jul 26, 2022, 2:22:31 PM7/26/22
to 우찬임, blin...@chromium.org
Yes, each DOM node has a pointer to a ComputedStyle in its NodeRenderingData.

The DOM node is created during the HTML parsing phase, but the ComputedStyle is created and associated with the DOM node during the style resolution phase.

The NodeRenderingData also has a pointer to the LayoutObject.  But the layout objects form a separate tree with their own parent and child pointers.  ComputedStyle objects are not a tree of their own.  So that is why the style slide looks a little different from the layout slide. :)

--
You received this message because you are subscribed to the Google Groups "blink-dev" group.
To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+...@chromium.org.
To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAHiJf1qjuJHhS0mpKAtJ4iFSJ0zu%2BQ9_Wh9Yk5MC-de0aKhb9g%40mail.gmail.com.
Reply all
Reply to author
Forward
0 new messages