Preguntas etiquetadas con css

¿Existe un selector de CSS que se aplique a los atributos no vacíos ? También se usan :not([Data-Attribute=''])coincidencias si el atributo no existe . Estoy buscando algo como [Data-Attribute!=''].

92 css  css-selectors 

Me gustaría usar texto dinámico como fondo de ciertos elementos en mi etiqueta. Por eso, puedo usar imágenes (texto dinámico). ¿Cómo lo hago solo con CSS o JavaScript?

92 html  css  background 

Tengo una pregunta. Tengo elementos como este: <a> elemento con id = someGenerated Some: Same: 0: name <a> elemento con id = someGenerated Algunos: Igual: 0: apellido <a> elemento con id = someGenerated Some: Same: 1: name <a> elemento con id = someGenerated Some: Igual: 1: apellido Necesito un selector …

92 css  css-selectors  webdriver 

Tengo un problema extraño con el complemento Jenkins HTML Publisher, en el que todo el CSS elegante que he agregado al informe se elimina cuando se ve en Jenkins. Si descargo el informe a local, puedo ver el formato CSS. ¿Hay alguna configuración en Jenkins que permita ver CSS? Mi …

92 html  css  jenkins  jenkins-plugins 

<div class="container"> <div class="row"> <div class="col-xs-12 col-sm-12 col-md-8"> <div v-for="job in job"> <div class="text-center"> <h1>{{ job.job_title }}</h1> <p><strong>Google Inc. </strong> - {{ job.location }}</p> <h2><u>Job Description</u></h2> </div> <p v-html="desc"></p> <p class="text-center">Posted: {{ formatDate(job.date_created) }}</p> <button v-on:click="applyResume()" id="apply-btn" class="btn btn-primary">{{ buttonText }}</button> </div> </div> <div class="hidden-sm-down col-md-4"></div> </div> </div> No sé …

92 css  twitter-bootstrap  bootstrap-4 

Estoy tratando de hacer que el color de fondo de un div cambie al pasar el mouse . el div {fondo: blanco;} el div a: hover {fondo: gris; ancho: 100%; bloqueo de pantalla; decoración de texto: ninguna;} solo el enlace dentro del div obtiene el color de fondo . ¿Qué …

91 css  colors  background  hover 

Actualmente estoy usando este código para generar una lista: <ul ng-cloak> <div ng-repeat="n in list"> <li><a href="{{ n[1] }}">{{ n[0] }}</a></li> <li class="divider"></i> </div> <li>Additional item</li> </ul> Sin embargo, el <div>elemento está causando algunos defectos de representación muy menores en algunos navegadores. Me gustaría saber si hay alguna manera de …

91 javascript  css  html  angularjs 

Tengo que presentar un prototipo de aplicación web en los próximos días a uno de mis clientes, lo que pasa es que no soy tan bueno en CSS y lo peor de todo es que casi nunca estoy contento con los resultados que obtengo. Codificar la lógica empresarial no me …

91 css  user-interface 

El evento final de transición de Webkit se llama webkitTransitionEnd, Firefox es transitionEnd, opera es oTransitionEnd. ¿Cuál es una buena forma de abordarlos todos en JS puro? ¿Debería rastrear el navegador? o implementar cada uno por separado? ¿De alguna otra forma que no se me haya ocurrido? es decir: //doing …

91 javascript  css  css-transitions  dom-events 

No estoy seguro de entender completamente la diferencia entre estos dos. ¿Alguien puede explicar por qué usaría uno sobre el otro y en qué se diferencian?

91 css  css-position 

Pido disculpas si esta pregunta ya ha sido respondida. Intenté buscar soluciones pero no pude encontrar ninguna que se adaptara a mi código. Todavía soy nuevo en jQuery. Tengo dos tipos diferentes de menús adhesivos para dos páginas diferentes. Aquí está el código para ambos. $(document).ready(function () { var contentNav …

91 javascript  jquery  html  css  dom 

¿Sabe cómo ocultar el clásico icono de "Imagen no encontrada" de una página HTML renderizada cuando no se encuentra un archivo de imagen? ¿Algún método de trabajo que utilice JavaScript / jQuery / CSS?

91 javascript  jquery  html  css  image 

esto es lo que tengo Fiddle ul { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; width: 100%; height: 100px; background: #333; padding: 15px; } ul li { padding: 15px; margin: 5px; background: #efefef; border: 1px solid #ccc; display: inline-block; list-style: none; } #item-1 { height: 50px; } #item-2 { …

91 html  css 

He creado algunos elementos DOM bastante elaborados con un pseudo-elemento: after, y me gustaría poder inspeccionarlos y modificarlos en Chrome Inspector o Firebug o equivalente. A pesar de que esta característica se menciona en esta publicación de blog de WebKit / Safari (con fecha de 2010), no puedo encontrar esta …

91 css  firefox  google-chrome  firebug  google-chrome-devtools 

Tengo el siguiente mensaje (ligeramente cambiado): "Participe en la competencia antes del 30 de enero de 2011 y podría ganar hasta $$$$, ¡incluidos viajes de verano increíbles!" Actualmente tengo: <p style="font-size:14px; color:#538b01; font-weight:bold; font-style:italic;"> formateando la cadena de texto, pero desea cambiar el color de "30 de enero de 2011" …

91 html  css  text  colors  inline