アメブロのCSS構成

body#mainIndex
┣ ul#amebaBar
┣ div#frame
┃ ┗ div#subFrame
┃   ┣ div#overHeader
┃   ┃ ┣ div#userNaviAream  .clearFix
┃   ┃ ┗ div#header
┃   ┃   ┣ h1
┃   ┃   ┗ h2
┃   ┗ div#wrap
┃     ┗ div#firstContentsArea
┃       ┗ div#subFirstContentsArea
┃         ┣ div#sub_a
┃         ┃  ┣ div#freespace  . mainMenu
┃         ┃  ┣ div#profile  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div.menu_frame
┃         ┃  ┃   ┣ div#new_profile
┃         ┃  ┃   ┃ ┗ div#person
┃         ┃  ┃   ┗ ul#amemberProfArea
┃         ┃  ┣ div#theme_list  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#recent_entries  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#archives  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#reader  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┃   ┗ div#readerList
┃         ┃  ┣ div#ranking  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┃   ┣ div#rank_all
┃         ┃  ┃   ┗ div#rank_genre
┃         ┃  ┣ div#search  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#bookmark  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#calendar  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#recent_comment  .mainMenu
┃         ┃  ┃ ┣ h4.menu_title
┃         ┃  ┃ ┗ div#menu_frame
┃         ┃  ┣ div#favorite  .mainMenu
┃         ┃  ┃ ┗ h4.menu_title
┃         ┃  ┗ div#menu_frame
┃         ┣ div#main
┃         ┃ ┗ div#sub_main
┃         ┃   ┣ div#readerMainLink
┃         ┃   ┃ ◆◆◆ループ◆◆◆
┃         ┃   ┗ div#entry new
┃         ┃     ┣ div#entry_head
┃         ┃     ┃┗ span.date
┃         ┃     ┣ h3.title
┃         ┃     ┣ span.theme
┃         ┃     ┣ div#contents
┃         ┃     ┃ ┗ div#subContents
┃         ┃     ┃   ┣ div#advertising2
┃         ┃     ┃   ┗ div#themeBox
┃         ┃     ┃     ┗ h5
┃         ┃     ┗ div#foot
┃         ┃     ◆◆◆// ループ◆◆◆
┃         ┗ div#sub_b
┃           ┣ div#defaultAd  .mainMenu .defaultAd2
┃           ┃ ┣ h4.menu_title
┃           ┃ ┗ div#attentionBox  .menu_frame
┃           ┣ div#ameblo  .mainMenu
┃           ┃ ┗ div#menu_frame
┃           ┃   ┗ div#sideTextAd
┃           ┗ div#rss  .mainMenu
┃             ┗ div#menu_frame
┗ div#footerArea

コメントを残す