CSS question / ddg prototype

#1

Hi everyone,

Is it possible to have multiple CSS styles details disclosure elements? And if so, what would be the CSS to create a special class of details element?

My own experimentation with CSS (adding .ddg to every possible part of the “details > summary” in my stylesheet), has not worked. And Google searches on this question are not helping me on this.

I created a great new and exciting thing for the articles I create on my Spanish site. I call it ddg. See my prototype at Just read. —

But ddg hides the arrow for the details summary and adds styling to the details content, so I would like to treat it as a special class, so that adding a ‘nornal’ details element would display normally.

Thanks in advance for the help.

#2 
 details.ddg > summary {
  list-style: none;
}
details.ddg > summary::marker {
  display: none;
}

Then make sure the details element has the class ddg

#3

Thanks Saq! I had tried that combination exactly, but just now when I tried it again I realized I had not re-added class=“ddg” in the macro. I had taken it out, thinking it wasn’t working, and forgot to add it back in. Works great! Thanks again.

#4

Hmmm…the arrows come back on my ipad in safari…