Cannot prevent to select images when selecting everything

GynRaider

So, while using Kajukkkd template, I am trying to make background of all elements and child elements transparent (like notes, alerts, boxes) except for text, iframes, videos and photos.

So, while testing many things, I found that this code changes opacity of all elements:

#dokuwiki__site:not(img){
  opacity:0.9;
}

But I cannot manage it to prevent targeting certain elements and the code below doesn't work either

#dokuwiki__content:not(img){
  opacity:0.5;
}

Chris75

Did you try:

 #dokuwiki__content *:not(img):not(span):not(p):not(iframe) {
    opacity:0.5;
 }

See: https://stackoverflow.com/questions/5684160/can-the-not-pseudo-class-have-multiple-arguments

GynRaider

Yes, I did try and here's the result:

I also tried various ways

#dokuwiki__site {
  opacity: 0.5;
  img {
    opacity: 1 !important;
  }
}

#dokuwiki__site>:not(img){
  opacity:0.5;
}

#dokuwiki__site>*:not(img){
  opacity:0.5;
}

All of these, either #dokuwiki__site or #dokuwiki__content, don't work or target everything without exception. Also <body> tag gives the same result.

I followed the selectors reference. It feels like should work but ain't working somehow. I will try on the base template.

GynRaider

GynRaider I will try on the base template.

Yes, the base template has the same problem. Also isn't letting me placing background images, but I only needed to test if I can reduce opacity of everything except images.

Global DokuWiki Links