2

Tengo la necesidad de editar un div que no tiene clase, y sus padres tampoco tienen clase, así que no puedo identificarlo de la forma habitual, sus estilos están cargados por element style (estilos directos) lo que pude detectar es que ese div es el único que tiene una propiedad en particular (div style="cursor: default"), así que intenté poner en el css:

div[style="cursor: default"]

Pero no me sirve, solo me detecta si escribo div[style], pero esto causa que edita todos los divs con element style, alguien sabe como puedo hacer ese llamado de manera ideal?

8
  • puedes adicionar el código de html de la estructura que tienes de los divs. Commented el 27 feb. 2018 a las 15:02
  • Compartenos el html de tu proyecto, para poder darte una solución, porque por lo pronto con esa poca información, no hay forma. Commented el 27 feb. 2018 a las 15:03
  • 3
    Debería funcionar si has puesto los espacios y todo igual: jsfiddle.net/2t7wfgcu/3
    – user7176
    Commented el 27 feb. 2018 a las 15:09
  • 1
    Podrías agregarle id a cada uno de los divs, y editar utilizando el id como referencia
    – KPavezC
    Commented el 27 feb. 2018 a las 15:10
  • 1
    Podrías probar con este selector div[style^="cursor"], con ello estarías seleccionando todos los divs que tengan la etiqueta style y como primera palabra cursor. Aunque de igual manera serviría un ejemplo del html para ser mas certeros Commented el 27 feb. 2018 a las 15:16

1 respuesta 1

2

Ya que no muestras tu HTML, puedo suponer que en ese elemento tienes algún estilo más, y por eso no es una coincidencia exacta (=) o que no tengas exactamente el estilo tal y como está implementado en el HTML (mira mi segundo ejemplo).

Como solo tienes un div que contenga dicho estilo, podrías utilizar los selectores de atributo, en este caso *= con el que obtienes los elementos que contienen el valor en cuestión.

div[style*="cursor: default"]{
  width: 100px;
  height: 100px;
  background-color: red;
}
<div style="cursor: default"></div>

NOTA: Tienes que tener mucho cuidado ya que lo tienes que poner exactamente como esté en tu elemento ya que de lo contrario no te encontrará el elemento (p. ej: poner/quitar un espacio en el selector haría que no funcionara).

div[style*="cursor:default"]{ /*Nota que no hay espacio entre cursor y default */
  width: 100px;
  height: 100px;
  background-color: red;
}
<div style="cursor: default"></div>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.