Your browser does not seem to support JavaScript. As a result, your viewing experience will be diminished, and you may not be able to execute some actions.

Please download a browser that supports JavaScript, or enable it if it's disabled (i.e. NoScript).

Class CSS

irl last edited by
Hi. I don't want to check this theory, but I'm interested in your opinion.
```
.font
{
@import fontcolor.css,
@import fontweight.css,
.f8px,
.f10px,
.f11px
}
```
Is it possible to use classes in other classes when designing their CSS Freamworth?
Is it possible to download classes through imports or to write kits through inheritance?
Can it be possible to MVC?
Reply Quote 0
1 Reply Last reply
M
magpie QA Engineer last edited by

About @import in class http://htmlbook.ru/css/import Approves:
Rule @import allows for the importation of the contents of the CSS file into the current style table. @import is not allowed to be inserted after any announcement other than @charset or other @import.
Reply Quote 0
1 Reply Last reply

css 19109

2
Posts

0
Views

Suggested Topics

Compilation/Mining HTML files, CSS and class name
Software Programming • html css compilation • • Mystic

2

0
Votes

2
Posts

0
Views

C

I already talk about minification in https://pt.stackoverflow.com/q/88058/101 . It is interesting in elements that change little. HTML often changes a lot, so it is better to make compression or leave without any size gain. But there are cases that HTML can change little too, this occurs more and more with the so-called "app pages" ( https://en.wikipedia.org/wiki/Single-page_application ).What can be done in cases that HTML changes to each call is to minimize the size of some things that change little even when HTML is generated. The HTML generation itself can take care of minifying it.HTML is all text, so all of it that is large and can get smaller this is done. It can be done even before generating HTML.It is possible to abstract certain elements in such a way that the specific text that will be used to assemble the HTML is neither knowledge of the programmer that is riding that page. So he uses something for him. cadastro_cliente, but what will be actually used in HTML is _2gyi.Modern programming is to create abstractions to facilitate the work of coding and get a better concrete result. To connect useful to pleasant.I don't know if this case can be called a compilation. Looking at the strict definition of the term, I think not, but creating an HTML is no longer a compilation of texts from various sources. Then the term is more literal to what we know outside of computing.Transforming the HTML ready into another minified HTML does not cease to be a compilation, although the term minification would fall better in this case.Obviously these techniques make up for more on large traffic sites.In general it is good to minify HTML (static). The good miners know how far they can go without compromise. If you're going to create an algorithm that will mount minified HTML, you have to know all rules not to go from the point.I don't know of any problem using the HTML lists in the two forms presented. They work the same way for me. If this is not the case (preferably in another question, it is already too wide).
S

How do you focus the fashion window on the screen?
Software Programming • css window • • shizuka

2

0
Votes

2
Posts

0
Views

A

Have you been vertically downtown, or with a little backup? http://jsfiddle.net/romeoz/3ctvrz8d/4/
E

CSS pseudo classes that are activated in the click
Software Programming • html cs • • esther

2

0
Votes

2
Posts

0
Views

M

Elements of DIV can be tricked if you set tabindex..thumb-1:focus { border: 1px solid red; }<div class="thumb-1" tabindex="1">...</div>
A

How do we make the counting grid second-row?
Software Programming • css css3 cs grid • • authera

2

0
Votes

2
Posts

0
Views

N

Use the pseudo-element to create a void:.fild_buttons:before { content: ""; grid-column: span 2; } Result:.fild_buttons { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(5, 1fr); grid-gap: 10px; } .btn_number { display: block; height: 72.5px; border: 1px solid #000; cursor: pointer; font-size: 32px; } .btn_reset { grid-column: 3 / 5; grid-row: 1 / 2; } .fild_buttons:before { content: ""; grid-column: span 2; }<div class="fild_buttons"> <button class="btn_number btn_reset" type="button">RESET</button> <button class="btn_number btn_7" type="button">7</button> <button class="btn_number btn_8" type="button">8</button> <button class="btn_number btn_9" type="button">9</button> <button class="btn_number btn_divide " type="button">/</button> <button class="btn_number btn_4" type="button">4</button> <button class="btn_number btn_5" type="button">5</button> <button class="btn_number btn_6" type="button">6</button> <button class="btn_number btn_multiply" type="button">X</button> <button class="btn_number btn_1" type="button">1</button> <button class="btn_number btn_2" type="button">2</button> <button class="btn_number btn_3" type="button">3</button> <button class="btn_number btn_substract" type="button">-</button> <button class="btn_number btn_0" type="button">0</button> <button class="btn_number btn_point" type="button">.</button> <button class="btn_number btn_result" type="button">=</button> <button class="btn_number btn_plus" type="button">+</button> </div>
Y

Error in layout, shifting left when it has line break
Software Programming • css twitter bootstrap • • yajahira

2

0
Votes

2
Posts

0
Views

J

Place margin:0px in its class:#viewHours .btn-group>.btn { border-radius: 0; margin:0; } http://jsfiddle.net/WaqUj/2/
K

Why doesn't the class work for me, Class 'Image' not found?
Software Programming • php laravel controller • • Kadyn

2

0
Votes

2
Posts

0
Views

G

The right steps to use the library would be:1. Positioned in the root of your project run:composer require intervention/image 2. In the /config/app.php file within the providers section add to the end:Intervention\Image\ImageServiceProvider::class, 3. In the /config/app.php file within the alias section add to the end:'Image' => Intervention\Image\Facades\Image::class, After these steps it should work smoothly
A

How do you do that class keeps going on the pages? CSS/JS
Software Programming • javascript html cs cookie • • Avante

2

0
Votes

2
Posts

0
Views

T

Which would just add a class active The element on which the click came at the same time as the cookie installation, it's enough to refine the logic of your clickHandler'a:const setCookie = (name, value) => { // document.cookie = name + "=" + value } const handleClick = event => { const target = event.target const city = target.dataset.city setCookie("city", city) target.classList.add("active") console.log("Присутствие класса:", target.classList.contains("active")) } document.querySelectorAll("a").forEach(item => { item.addEventListener("click", handleClick) })<a data-city="Урюпинск" class="city">Урюпинск</a>And what would the class be in between the pages (if it's not SPA):window.addEventListener("DOMContentLoaded", () => { // ...ваша логика по получению значения cookie // ниже моковое значение const cookieValue = "Урюпинск" const target = document.querySelector([data-city=${cookieValue}]) target.classList.add("active") console.log("Присутствие класса:", target.classList.contains("active")) })<a data-city="Урюпинск" class="city">Урюпинск</a>
R

How to make class A class B?
Software Programming • c++ classes op • • rielyn

2

0
Votes

2
Posts

0
Views

E

If I understand you correctly, there's nothing to write. The object is created by the default designer.If the situation was more complicated, for example,class A { public: A(int a) { ...} } Then you could indicate a parameter for this designer, say:class B { private: A A_object; public: B(int a):A_object(a) { ...
B

Export pen correctly to text editor
Software Programming • html css • • baileigh

2

0
Votes

2
Posts

0
Views

R

What happens is that at no time you send to call your JS and your CSS to HTML, although on this site or in Codepen.io work properly is because you place CSS in the area of CSS and JS in its respectful area so it is not necessary to call it. Now what you need to do to make it work is to create a CSS file and place all this:.input-field label { color: #999; } .input-field input[type=text]:focus+label, .input-field input[type=password]:focus+label { color: #000; } ... .main-title { font-family: pacifico; } and the same thing you have to do for JS, create a .js file and copy all this:jQuery(document).ready(function($) { $(".dropdown-button").dropdown(); $('.modal').modal(); $(".signup-toggle").click(function() { $(this).hide(); $(".signupForm").show(300); $(".policy").css("visibility", "visible"); }); }); and finally call these files in your HTMLexample : Assuming your files are in the same directory as your HTML this would eventually be your HTML. <html lang="es"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <title>Ingreso - ElTarjetero.co</title>  <link rel="shortcut icon" href="favicon.ico">  <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">  <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/css/materialize.min.css" rel="stylesheet"> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body class="login-body"> <div class="row"> <div class="input-cart col s12 m10 push-m1 z-depth-2 grey lighten-5"> <div class="col s12 m5 login"> <h4 class="center">Ingreso</h4> <br> <form action="check.php" method="post" autocomplete="off"> <div class="row"> <div class="input-field"> <input type="text" id="user" name="username" class="validate" required="required" placeholder="Usuario o Correo"> <label for="user"> <i class="material-icons">person</i> </label> </div> </div> <div class="row"> <div class="input-field"> <input type="password" id="pass" name="password" class="validate" required="required" placeholder="Contraseña"> <label for="pass"> <i class="material-icons">lock</i> </label> </div> </div> <div class="row"> <div class="switch col s6"> <label> <input type="checkbox"> <span class="lever"></span> Recuérdame </label> </div> <div class="col s6"> <button type="submit" name="login" class="btn waves-effect waves-light blue right">Ingresar</button> </div> </div> </form> </div>  <div class="col s12 m7 signup"> <div class="signupForm"> <h4 class="center">Registro</h4> <br> <form action="regCheck.php" name="signup" method="post" autocomplete="off"> <div class="row"> <div class="input-field col s12 m6"> <input type="text" id="name-picked" name="namepicked" class="validate" required="required" placeholder="Ingresa un nombre de usuario"> <label for="name-picked"> <i class="material-icons">person_add</i> </label> </div> <div class="input-field col s12 m6"> <input type="password" id="pass-picked" name="passpicked" class="validate" required="required" placeholder="Contraseña"> <label for="pass-picked"> <i class="material-icons">lock</i> </label> </div> </div> <div class="row"> <div class="input-field email"> <div class="col s12"> <input type="text" id="email" name="email" class="validate" required="required" placeholder="Ingrese su correo"> <label for="email"> <i class="material-icons">mail</i> </label> </div> </div> </div> </form> <div class="row"> <button type="submit" name="btn-signup" class="btn blue right waves-effect waves-light">Registrarme</button> </div> </div> <div class="signup-toggle center"> <h4 class="center">No tienes una cuenta? <a href="#!">Regístrate</a></h4> </div> </div> <div class="col s12"> <br> <div class="legal center"> </div> <div class="legal center"> <div class="col s12 m7 right"> <p class="grey-text policy center">Al registrarse, usted acepta nuestra <a href="#!">Política de Privacidad</a> y los <a href="#!">Términos de uso</a>, incluido el <a href="#!">Uso de cookies</a>.</p> </div> <div class="col s12 m5"> <p class="center grey-text" style="font-size: 14px;">Coding : <a href="http://fb.com/celyes17" class="main-title red-text" target="_blank">Celyes</a></p> </div> </div> </div> </div> </div> </div> <div class="fixed-action-btn toolbar"> <a class="btn-floating btn-large amber black-text"> Más </a> <ul> <li><a class="indigo center" href="#!">Facebook Login</a></li> <li><a class="blue center" href="#!">Twitter Login</a></li> <li><a class="red center" href="#!">Google + Login</a></li> </ul> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.8/js/materialize.min.js"></script> <script type="text/javascript" src="index.js"></script> </body> </html> Finish as an observation:The CSS are sent to call <link href="directorio de css"> and JS with <script src="directorio js"></script>
I have a Class A with class B instance and class B has an instance of class A.
Software Programming • java design • • briley

2

0
Votes

2
Posts

0
Views

As I read, I'd create a 3-class takes care of doing all that, besides applying a pattern design type Observer in such a way that the third class is the observer class and your two classes are observable classes that way when the class needs to execute a class B method first sends a notification to the third class and it executes it and in the same way for class B to notify the third class that needs to execute a class A method.Patron of Design Observer:The pattern of design consists of the following, an observer object and one or some observable objects, the observable objects are to notify the observable object and the latter notified to perform some action that your program. Your implementation of the easiest way is the following.First we need to create two interfaces, the obersable and the observer.public interface Observador { public void accionObservador(); //Pueden ser mas metodos } public interface Observable { public void notificar(); } Now in your case it will be implemented as follows. public class C implements Observador{ //Clase que maneja todo public C(){ A claseA = new A(this); B claseB = new B(this); } @Override public void accionObservador() { // TODO Auto-generated method stub //Alguien me notifico aunque me pueden enviar un parametro para saber de que clase vino con un instance of y otro parametro //Para saber que haccion ejecutar de la otra clase } } import java.util.ArrayList; public class B implements Observable{ private Observador miObservador; public B(Observador obj){ this.miObservador=obj; } @Override public void notificar() { // TODO Auto-generated method stub //Notifico a mi observador this.miOberservador.accionObservador(); } private void saludar(){ //La Accion saludar hace que se notifique a mi observador que voy a saludar //En tu caso voy a llamar a un metodo del A notificar(); } } public class A implements Observable{ private Observador miOberservador; public A(Observador ob){ //Le indico quien me va a observa this.miOberservador = ob; } @Override public void notificar() { // TODO Auto-generated method stub //Notifico a mi observador this.miOberservador.accionObservador(); } private void saludar(){ //La Accion saludar hace que se notifique a mi observador que voy a saludar //En tu caso voy a llamar a un metodo del B notificar(); } }
C

How to make color change of a row with a selected active of ngx-datatable?
Software Programming • css angular typescript datatable • • Cleofas

2

0
Votes

2
Posts

0
Views

K

I believe that if you use as below, it works: :host ::ng-deep .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group { background: red !important; } But you need to leave the view-encapsulation of your component as standard.All style with ::ng-deep becomes global. Also remembering that this is a feature deprecated by the Angular team: https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep . And the stylization of ngx-datatable is based on SCSS https://swimlane.gitbook.io/ngx-datatable/themeing
K

How to get the text, in CSS element receiving 2 class
Software Programming • python python 3.x selenium webdriver selenium phantomjs • • kalyn

2

0
Votes

2
Posts

0
Views

Danilo, by better analyzing the page you passed, in Chrome, inspecionar the item "80 Users", click the tab Network and then XHR and in JS, when redoing request to the website (F5), I could understand where and when the data is passed to the template.By entering the link Code:from bs4 import BeautifulSoup import requests url = 'http://rdash.github.io/templates/dashboard.html' html_source = requests.get(url).text soup = BeautifulSoup(html_source, 'html.parser') users = soup.find('div', {'class':'title'}) print(users.text) Output:>>> 80 Note: Give it a print(soup.prettify())) and look for the line <i class="fa fa-users"></i></div><div class=title>80</div><div class=comment>Users</div> to check that number 80 really refers to users. Also could have used i class fa fa-users to locate the value or div with the text UsersFor example.
Change color icon button javascript
Software Programming • javascript css • • Alberto

2

0
Votes

2
Posts

0
Views

B

Using CSS with pseudo class disabled. You define the color in the CSS, and disable the JavaScript button normally.See working:document.getElementById('desativar').addEventListener('click', function() { document.getElementById("btnVoltar").disabled = true; });button:disabled { color: #FFFFFF; }<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" /> <button id="btnVoltar"> <i class="material-icons">arrow_back</i> </button> <button id="desativar">Clique para desabilitar o botão</button>
Y

How can two HTML elements of the same type in my code have different styles?
Software Programming • html css • • yajahira

2

0
Votes

2
Posts

0
Views

C

In your css you can use the class select to set the color of the text of your select:select { color:red; } If you want all select options to differ, use the class. select option:select option { color:black; } To set a specific color for each opt you can do so by indicating the value with select option [value]:select option[value="1"] { background: rgba(100, 100, 100, 0.3); } Greetings.
Y

Use of multiple classes in a single CSS statement
Software Programming • c language • • yajahira

2

0
Votes

2
Posts

0
Views

This means that the style will be applied to an element that has the "style-source" class and that it is within an element with the "menu" class and that in turn is within another element, finally with the "header" class.Example:<div class="header"> <div class="menu"> <div class="style-fonte"> Estilo se aplica a este elemento! </div> </div> </div> Note that it is not necessary that they be direct children of each other, they could be indirect children.

Class CSS

Suggested Topics

Compilation/Mining HTML files, CSS and class name Software Programming • html css compilation • • Mystic

How do you focus the fashion window on the screen? Software Programming • css window • • shizuka

CSS pseudo classes that are activated in the click Software Programming • html cs • • esther

How do we make the counting grid second-row? Software Programming • css css3 cs grid • • authera

Error in layout, shifting left when it has line break Software Programming • css twitter bootstrap • • yajahira

Why doesn't the class work for me, Class 'Image' not found? Software Programming • php laravel controller • • Kadyn

How do you do that class keeps going on the pages? CSS/JS Software Programming • javascript html cs cookie • • Avante

How to make class A class B? Software Programming • c++ classes op • • rielyn

Export pen correctly to text editor Software Programming • html css • • baileigh

I have a Class A with class B instance and class B has an instance of class A. Software Programming • java design • • briley

How to make color change of a row with a selected active of ngx-datatable? Software Programming • css angular typescript datatable • • Cleofas

How to get the text, in CSS element receiving 2 class Software Programming • python python 3.x selenium webdriver selenium phantomjs • • kalyn

Change color icon button javascript Software Programming • javascript css • • Alberto

How can two HTML elements of the same type in my code have different styles? Software Programming • html css • • yajahira

Use of multiple classes in a single CSS statement Software Programming • c language • • yajahira

Compilation/Mining HTML files, CSS and class name
Software Programming • html css compilation • • Mystic

How do you focus the fashion window on the screen?
Software Programming • css window • • shizuka

CSS pseudo classes that are activated in the click
Software Programming • html cs • • esther

How do we make the counting grid second-row?
Software Programming • css css3 cs grid • • authera

Error in layout, shifting left when it has line break
Software Programming • css twitter bootstrap • • yajahira

Why doesn't the class work for me, Class 'Image' not found?
Software Programming • php laravel controller • • Kadyn

How do you do that class keeps going on the pages? CSS/JS
Software Programming • javascript html cs cookie • • Avante

How to make class A class B?
Software Programming • c++ classes op • • rielyn

Export pen correctly to text editor
Software Programming • html css • • baileigh

I have a Class A with class B instance and class B has an instance of class A.
Software Programming • java design • • briley

How to make color change of a row with a selected active of ngx-datatable?
Software Programming • css angular typescript datatable • • Cleofas

How to get the text, in CSS element receiving 2 class
Software Programming • python python 3.x selenium webdriver selenium phantomjs • • kalyn

Change color icon button javascript
Software Programming • javascript css • • Alberto

How can two HTML elements of the same type in my code have different styles?
Software Programming • html css • • yajahira

Use of multiple classes in a single CSS statement
Software Programming • c language • • yajahira