html5, how to style Figure differently for different case?

raiii87

New Member
I want to display the figcaption on bottom of figure when it is on single page, and display it side by side with figure when on a list page. So, I added "list" or "single" class to the figure tag. Then, in css file I use this 2 code to style them differently:\[code\]figure .list{....}figure .single{...}\[/code\]The above css does not have any effects on the figure display. Only figcaption react to the \[code\].class figcaption\[/code\] code. How can I correct it?
 
Back
Top