Uso de! IMPORTANTE CSS ADVERTENCIA -- ss campo con wordpress camp Relacionados El problema

Use of !important CSS warning


1
vote

problema

Español

Estoy en el proceso de crear un sitio web con la ayuda de los complementos y WordPress , los complementos son 9988777661 y BuddyPanel , y Estoy teniendo problemas para mantener la mejor barra de navegación para permanecer igual antes y después de que alguien inicie sesión, es así como me gustaría cuando inicie sesión, pero no antes de la mano.

Así que recibí ayuda al personal de soporte de BuddyBoss sobre esto y me dieron algún código que contiene una advertencia de que nunca he encontrado antes, la línea de código que es, es.

   color: #012243!important;   

No hay otras líneas de código dentro del {} , la advertencia es Use of !important .

¿Cómo arreglo esto?

Original en ingles

I'm in the process of creating a website with the aid of plugins and WordPress, the plugins are LearnDash, BuddyBoss and BuddyPanel, and I'm having trouble keeping the top navigation bar to stay the same before and after someone logs in, it's how I'd like it when I log in, but not before hand.

So I got help off support staff from BuddyBoss about this and they gave me some code which contains an warning that I've never come across before, the line of code that it is, is.

 color: #012243!important; 

There is no other lines of code inside the {}, the warning is Use of !important.

How do I fix this?

     
       
       

Lista de respuestas

4
 
vote
vote
La mejor respuesta
 

El uso de var win = Ti.UI.createWindow(); Ti.App.addEventListener('your_event', function(e) { alert(e.message); }); win.add(Ti.UI.createWebView({ url: '/yoursite.html' })); win.open(); 111112 / el modificador está un tanto desanimado, pero también, en la mayoría de los casos de temas prebuilitados, la forma más adecuada de anular la configuración predeterminada. Entonces, en su caso, es probable que sea la única forma en que puede anular el color predeterminado. Solo usándolo si funciona.

también, escribiría esa regla como:

  var win = Ti.UI.createWindow();           Ti.App.addEventListener('your_event', function(e) {     alert(e.message); });  win.add(Ti.UI.createWebView({ url: '/yoursite.html' }));  win.open(); 2  

Por lo tanto, coloque un espacio entre el código de color y var win = Ti.UI.createWindow(); Ti.App.addEventListener('your_event', function(e) { alert(e.message); }); win.add(Ti.UI.createWebView({ url: '/yoursite.html' })); win.open(); 3 .

 

Using of important! modifier is somewhat discouraged, but also, in most cases of prebuilt themes, the most appropriate way to override default settings. So, in your case, that's probably the only way you can override default color. Just use it if it works.

Also, I would write that rule as:

color: #012243 !important; 

So, put a space between color code and !important.

 
 
   
   
2
 
vote

La forma recomendada es aumentar el especificidad

  div#higher {    color: yellow;    background: lightgray;  }    #higher {    color: blue;    background: lightgray;  }    div.high {    color: lime;    background: lightgray;  }    .high {    color: red;    background: lightgray;  }  
  <div id="higher" class="high">Hey there</div>  

o copie la regla existente y agreguela a un CSS personalizado, cargado después de el CSS del tema.

  /* theme CSS rule */  .parent .child {    color: red;    background: blue;  }      /* custom CSS rule - loaded/ordered after */  .parent .child {    color: yellow;    background: lightgray;  }  
  <div class="parent">    <div class="child">      Hey there    </div>  </div>  

Si lo anterior no es posible, entonces uno debe usar !important , agregado después de un valor de propiedad, por ejemplo,

  property: value !important;   

Cuando se usa una regla important6 en una declaración de estilo, este La declaración anula cualquier otra declaración. Aunque técnicamente !important NO tiene nada que ver con la especificidad, interactúa directamente con eso. El uso de !important , sin embargo, es mala práctica y debería ser evitado porque hace que la depuración sea más difícil al romper el Natural cascading en tus hojas de estilo. Cuando dos en conflicto Las declaraciones con la regla !important se aplican al mismo elemento, Se aplicará la declaración con una mayor especificidad.

src: https: //developer.mozilla .org / EN-EEUU / DOCS / WEB / CSS / ESPECIPUCIDAD # THE_! IMPORTULT_EXCEY

 

The recommended way is to either increase the specificity

div#higher {    color: yellow;    background: lightgray;  }    #higher {    color: blue;    background: lightgray;  }    div.high {    color: lime;    background: lightgray;  }    .high {    color: red;    background: lightgray;  }
<div id="higher" class="high">Hey there</div>

Or copy the existing rule and add it to a custom CSS, loaded after the theme's CSS.

/* theme CSS rule */  .parent .child {    color: red;    background: blue;  }      /* custom CSS rule - loaded/ordered after */  .parent .child {    color: yellow;    background: lightgray;  }
<div class="parent">    <div class="child">      Hey there    </div>  </div>

If the above is not possible, then one need to use !important, added after a property value, e.g.

property: value !important; 

When an important rule is used on a style declaration, this declaration overrides any other declarations. Although technically !important has nothing to do with specificity, it interacts directly with it. Using !important, however, is bad practice and should be avoided because it makes debugging more difficult by breaking the natural cascading in your stylesheets. When two conflicting declarations with the !important rule are applied to the same element, the declaration with a greater specificity will be applied.

Src: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#The_!important_exception

 
 

Relacionados problema

0  Opciones de WordPress  ( Wordpress options ) 
Hoy estoy en una juerga de preguntas: P de todos modos ... en este momento estoy desarrollando un tema de WordPress gratuito. El problema es que quiero que ...

0  Pantalla X Cantidad de postes de WordPress basada en la longitud del título  ( Display x amount of wordpress posts based on title length ) 
Tengo una caída de navegación en la parte superior de un tema que he desarrollado. Básicamente, en la navegación hay 2 columnas y una de ellas mostrando títul...

0  Es decir, problemas de compatibilidad con wordpress  ( Ie compatibility issues w wordpress ) 
Las plantillas generalmente WordPress se encargan de la compatibilidad de los navegadores cruzados para usted, pero básicamente he construido mi propio y no h...

0  Cómo escribir "Si algo -> Imprimir" "De lo contrario, si nada,> No hay nada"  ( How to write if something print else if nothing print nothing ) 
Estoy escribiendo una función PHP para WordPress que se ejecuta a través de una fuente XML. Por lo tanto, estamos exceptuando una alimentación y luego se basa...

1  Creación de un componente personalizado en WordPress con diseño de 3 páginas  ( Creating a custom component in wordpress with 3 page layout ) 
Quiero incluir un componente en la página de inicio de mi sitio de WordPress https://imgur.com/a/jviu7 ¿Cómo puedo crear una parte CMS para permitir que m...

3  Integración de galletas de WordPress MediaWiki  ( Wordpress mediawiki cookie integration ) 
Tengo mi instalación de WordPress y Mediwiki Compartiendo la misma información de inicio de sesión . Desafortunadamente, los usuarios deben iniciar sesión en...

0  ¿WP-ECOMMERCE funciona con LinkPoint Gateway?  ( Does wp ecommerce works with linkpoint gateway ) 
Tengo una tienda en línea trabajando con OsCommerce, en realidad funciona bien. Pero no hay integración con el blog de la tienda que está en WordPress Fortuna...

8  Cómo seleccionar Publicaciones con etiquetas / categorías específicas en WordPress  ( How to select posts with specific tags categories in wordpress ) 
Esta es una pregunta muy específica con respecto a mysql tal como se implementó en wordpress . Estoy tratando de desarrollar un complemento que mostrará ...

3  Acceda y visualiza las publicaciones de WordPress desde fuera de WordPress  ( Access and display wordpress posts from out of wordpress ) 
Tengo un sitio comercial (PHP) y tengo un blog de WordPress en un subdirectorio. Necesito mostrar las últimas publicaciones en la página de inicio que está fu...

0  Cómo hacer un rato con la condición de un subcampo  ( How to do a while with condition of a subfield ) 
Estoy tratando de hacer un tiempo y mostrar los contenidos en un Li 3 columnas. Hasta ahora tan bueno, pero quiero condicionar solo a las palabras de apear qu...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos