2

I'm creating a presentation using deck.js, the problem that I'm having is that whenever I try to use custom styles eg to add border to tables or to use google code prettify, it has absolutely no effect. The presentation can be found here.

Edit: I have the following snippet for displaying source code.

<code class="prettyprint">
chmod 000 filename
cat filename
</code>

How exactly is this affected by the CSS Specificity issue?

nikhil
  • 8,925
  • 21
  • 62
  • 102

1 Answers1

3

Most deck styles are scoped under .deck-container. As in: .deck-container pre { ... }. Your custom styles probably do not have enough specificity to override this. Adjust accordingly.

imakewebthings
  • 3,388
  • 1
  • 23
  • 18
  • How can I deal with specificity when using google code prettify? – nikhil Jul 13 '12 at 00:45
  • 1
    I'd either edit the deck CSS to remove the styles that conflict with prettify, or edit the prettify CSS to add .deck-container in front of each rule (easy if you're using Sass or LESS). – imakewebthings Jul 15 '12 at 13:29