參加我們關於CSS偽元素的簡短免費課程

2021-10-07 11:31:07 字數 358 閱讀 4881

從表面上看,偽元素似乎不過是css的功利主義子集。 但是,在「 探索css偽元素 」中,您會發現掌握偽元素確實可以幫助您將設計提公升到乙個新的水平。

在本課程中,您將學習css的非常強大的子集,而很少使用它的全部潛能。 tuts +講師craig campbell將為您介紹css偽元素的實際應用(不要與偽類混淆),這有助於在我們的web設計中將結構和表示形式分開。

您還將看到一些鮮為人知的偽元素,這些偽元素將來可能會變得越來越普遍。

要獲得此免費課程,只需轉到課程頁面並按照步驟建立乙個免費帳戶。 如果您已經擁有tuts +帳戶,只需登入即可立即開始。

翻譯自:

參加我們的讀者調查,有機會贏取100美元的禮品卡

這是您告訴我們您對opensource.com的看法的機會。並贏得 100的amazon禮品卡!完成 opensouce.com讀者調查並幫助我們改善社群和出版物。在這個簡短的20個問題調查中,告訴我們您對opensource.com的看法如何,我們可以做哪些改進,以及您對提高讀者和社群體驗的想法。...

CSS的偽元素和偽類

css3為了區分偽類和偽元素,偽元素採用雙冒號寫法。常見偽類 hover,active,visited,focus。常見偽元素 first letter,first line,before,after,selection。before和 after下特有的content,用於在css渲染中向元素邏輯...

CSS中的偽元素

nth child 是乙個css3偽元素,它會根據指定的選擇器選定頁面或父元素的第n個元素 示例 在下面的例子中,我們選中頁面中的第二段 p nth child 2 也可以選定div中的第二段或者列表中的第二項 div p nth child 2 ul li nth child 2 還可以使用 nt...