¿Hay alguna manera de cambiar dinámicamente el contenido sin javascript?

Estoy construyendo una página para el trabajo que tiene una sección donde el contenido debe cambiar dinámicamente en el (los) botón (es). Sé de varias maneras diferentes de lograr esto, pero todas involucran javascript de algún tipo u otro. Mis capacidades actualmente no incluyen escritura de guiones para este sitio, así que estoy investigando para ver si hay una manera de hacerlo con JUST css antes de informar a mi gerente de proyecto que uno de nuestros muchachos de javascript tendrá que manejarlo. Entonces, ¿alguien sabe de alguna técnica de CSS que pueda obtener el efecto deseado?

Podrías usar CSS :target selector de pseudo-clase de :target . Esto requeriría reemplazar sus botones con elementos en su lugar, lo que provocaría que la URL de su documento aplicara un hash relacionado con el atributo id del elemento que desea cambiar.

 div { display: none; } :target { display: block; } 
 Click here to show the hidden div element
Click here to hide it again.
This should only show when the link is clicked.

Sí, puedes usar contenido dynamic sin ningún lenguaje de scripting, pero tus opciones son muy limitadas. Como sugirió James, usas CSS. Una forma común es usar casillas de verificación y una etiqueta para controlar la visibilidad de los elementos. Usted usa esto para hacer juegos simples, menús de tabs y más.

Un buen tutorial con ejemplos que puedes probar es en http://css-tricks.com/the-checkbox-hack/ pero en esencia, harías algo como esto: (del tutorial)

 input[type=checkbox]:checked ~ div { background: red; } 

Tenga en cuenta que tiene la propiedad: checked y el selector general de hermanos en este ejemplo. Puedes ser mucho más sofisticado.

Mira el juego CSS Panic que usa esta misma capacidad.

No creo que haya ninguna forma de modificar directamente el contenido con CSS, porque como su nombre lo indica, es específicamente para el estilo. No sé de ningún truco, lo siento. No creo que CSS sea en realidad una forma adecuada de hacerlo, porque no es una buena organización de código (aunque la web no es conocida por una buena organización de código de todos modos). Debería ser realmente simple eliminar el javascript, por lo que te recomiendo que lo hagas tú mismo si es posible. Cambiar el contenido presionando un botón realmente no es un problema de JavaScript difícil. Agregue algo de jquery, y también puede obtener transiciones ingeniosas.

HTML no está diseñado para ser dynamic, es simplemente un formato de documento, más o menos. No creo que CSS haya sido diseñado con mucho dinamismo tampoco, simplemente cambiando estilos en ciertos eventos. Así que creo que cambiar el contenido no cambia el estilo, tampoco es posible o no es una forma muy bonita de hacerlo.

¡Buena suerte!