Como desarrollador tienes el control sobre qué widgets van a ser mostrados por lo que normalmente sabrá exactamente qué estilos añadir. WordPress viene con un puñado de widgets predeterminados, sin embargo, ya menos que los elimine, es aconsejable agregar estilos a sus clases.
01.widget {}
02
03#searchform {}
04.widget_search {}
05.screen-reader-text {}
06
07.widget_meta {}
08.widget_meta ul {}
09.widget_meta ul li {}
10.widget_meta ul li a {}
11
12.widget_links {}
13.widget_links ul {}
14.widget_links ul li {}
15.widget_links ul li a {}
16
17.widget_archive {}
18.widget_archive ul {}
19.widget_archive ul li {}
20.widget_archive ul li a {}
21.widget_archive select {}
22.widget_archive option {}
23
24.widget_pages {}
25.widget_pages ul {}
26.widget_pages ul li {}
27.widget_pages ul li a {}
28
29.widget_links {}
30.widget_links li:after {}
31.widget_links li:before {}
32.widget_tag_cloud {}
33.widget_tag_cloud a {}
34.widget_tag_cloud a:after {}
35.widget_tag_cloud a:before {}
36
37.widget_calendar {}
38#calendar_wrap {}
39#calendar_wrap th {}
40#calendar_wrap td {}
41#wp-calendar tr td {}
42#wp-calendar caption {}
43#wp-calendar a {}
44#wp-calendar #today {}
45#wp-calendar #prev {}
46#wp-calendar #next {}
47#wp-calendar #next a {}
48#wp-calendar #prev a {}
49
50.widget_categories {}
51.widget_categories ul {}
52.widget_categories ul li {}
53.widget_categories ul ul.children {}
54.widget_categories a {}
55.widget_categories select{}
56.widget_categories select#cat {}
57.widget_categories select.postform {}
58.widget_categories option {}
59.widget_categories .level-0 {}
60.widget_categories .level-1 {}
61.widget_categories .level-2 {}
62.widget_categories .level-3 {}
63
64.recentcomments {}
65#recentcomments {}
66#recentcomments li {}
67#recentcomments li a {}
68.widget_recent_comments {}
69
70.widget_recent_entries {}
71.widget_recent_entries ul {}
72.widget_recent_entries ul li {}
73.widget_recent_entries ul li a {}
74
75.textwidget {}
76.widget_text {}
77.textwidget p {}
Al diseñar widgets probablemente terminará usando los mismos estilos una y otra vez. Por esta razón, es una buena idea combinar las clases en su hoja de estilo mediante comas. Por ejemplo, puede combinar .widget_pages ul y .widget_archive ul haciendo algo así:
1.widget_pages ul, .widget_archive ul {}
Estilos para comentarios
WordPress lo pone fácil con sus clases predeterminadas. Sin embargo, si no se trata de comentarios con subprocesos, es posible ignorar muchos de ellos.
01
03.commentlist .reply {}
04.commentlist .reply a {}
05
06.commentlist .alt {}
07.commentlist .odd {}
08.commentlist .even {}
09.commentlist .thread-alt {}
10.commentlist .thread-odd {}
11.commentlist .thread-even {}
12.commentlist li ul.children .alt {}
13.commentlist li ul.children .odd {}
14.commentlist li ul.children .even {}
15
16.commentlist .vcard {}
17.commentlist .vcard cite.fn {}
18.commentlist .vcard span.says {}
19.commentlist .vcard img.photo {}
20.commentlist .vcard img.avatar {}
21.commentlist .vcard cite.fn a.url {}
22
23.commentlist .comment-meta {}
24.commentlist .comment-meta a {}
25.commentlist .commentmetadata {}
26.commentlist .commentmetadata a {}
27
28.commentlist .parent {}
29.commentlist .comment {}
30.commentlist .children {}
31.commentlist .pingback {}
32.commentlist .bypostauthor {}
33.commentlist .comment-author {}
34.commentlist .comment-author-admin {}
35
36.commentlist {}
37.commentlist li {}
38.commentlist li p {}
39.commentlist li ul {}
40.commentlist li ul.children li {}
41.commentlist li ul.children li.alt {}
42.commentlist li ul.children li.byuser {}
43.commentlist li ul.children li.comment {}
44.commentlist li ul.children li.depth-{id} {}
45.commentlist li ul.children li.bypostauthor {}
46.commentlist li ul.children li.comment-author-admin {}
47
48#cancel-comment-reply {}
49#cancel-comment-reply a {}
50
51
53#respond { }
54#reply-title { }
55#cancel-comment-reply-link { }
56#commentform { }
57#author { }
58#email { }
59#url { }
60#comment
61#submit
62.comment-notes { }
63.required { }
64.comment-form-author { }
65.comment-form-email { }
66.comment-form-url { }
67.comment-form-comment { }
68.form-allowed-tags { }
69.form-submit
Esto es solamente un breve "cheat sheet", hay muchas otras clases e id que poco a poco iremos conociendo.