Class: .p: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
(3 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
<pre class="xml"> | <pre class="xml"> | ||
<div id="flipbook"> | <div id="flipbook"> | ||
<div class="p100">Page 100</div> | |||
<div class="p1">Page 1</div> | |||
</div> | </div> | ||
</pre> | </pre> | ||
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb> | <yambe:breadcrumb>Turn CSS</yambe:breadcrumb> | ||
You can also use it as a jQuery selector: | |||
<pre class="javascript"> | |||
$("#flipbook .p100").doSomething(); | |||
</pre> |
Latest revision as of 06:45, 26 November 2012
This class describes a particular page. For instance, .p1 refers to the first page, .p2 to the second page and so on. You can change the number of a page no matter its order in the HTML:
<div id="flipbook"> <div class="p100">Page 100</div> <div class="p1">Page 1</div> </div>
<yambe:breadcrumb>Turn CSS</yambe:breadcrumb>
You can also use it as a jQuery selector:
$("#flipbook .p100").doSomething();