SCSS – die meistgelesenen Beiträge

Verwandte Themen

ladladsd

13.08.2022, 13:50

CSS bei Hover anderes Element verändern?

Ganz ohne JavaScript

Mit dem Code unten kann ich beim hovern auf container1 die Hintergrundfarbe von container2 ändern weil er in container1 drinnen ist

aber geht es nicht auch so das ich den Body Hintergrund auf grün oder so ändern kann ?

    #container1{
            height: 50vh;
            background-color: blue;
        }
        #container2{
            height: 25vh;
            width: 100%;
            background-color: red;
        }
        #container1:hover #container2{
            background-color: green;
        }
    <div id="container1">
            <div id="container2"></div>
    </div>

1 Antwort

JFhatFragen2

18.06.2022, 19:32

Wie füge ich eine SCSS Datei in HTML ein?

Hallo! Ich würde gerne meine Seite mit SCSS formatieren und nicht nur mit einfachem CSS. Leider habe ich Probleme eine SCSS Datei in meinen HTML Code einzufügen. Bei CSS sieht der Code zum einfügen ja so aus:

<link rel="stylesheet" type="text/css" href="[DATEIPFAD].css"/>

Wenn ich es nun aber mit einer SCSS Datei versuche klappt es nicht.

3 Antworten

Ichbinsnicht07

07.03.2022, 10:35

Mit Bildern

Mit Links

Was ist eine SCSS Datei und wie kann ich sie einbinden?

Hallo, habe mir von Codepen dieses Sript rausgesucht: https://codepen.io/alphardex/pen/dyPorwJ

Ich habe die Sachen ganz normal in meine CSS und HTML Datei kopiert. Dann ist mir aufgefallen, dass es sich um eine SCSS Datei handelt… was genau ist das? Und wie binde ich sie ein? Ich habe es mit umbennen probiert, aber leider jetzt nur einen Schneepunkt oben links in der Ecke (siehe Screenshot) Und ja ich weiß ein iPad ist alles andere als optimal zum Programmieren bin aber gerade unterwegs und kann nicht an den PC (dort sieht es aber genau so aus)

2 Antworten

gfdsgsdgsdg

30.07.2022, 16:16

CSS den Text über blur effekt?

Also der body soll verschwommen sein aber nicht der div

(oder nur der div Text).

Hab es schon mit z-index versucht

 <style>
        body{
            filter: blur(5px);
            position: relative;
            z-index: -10;
        }
        div{
            font-size: xx-large;
            filter: blur(0px);
            position: relative;
            z-index: 10;
        }
    </style>
</head>
<body>
    <div>
        Hallo
    </div>
</body>

1 Antwort

ladladsd

13.08.2022, 16:53

React Components mit .jsx oder .js endung?

Ich sehe bei manchen die Endung für JSX anstatt .'js'

aber ändert das überhaupt was ? Oder ist das nur Schönheit.

2. Frage)

Kann ich irgendwie konfigurieren was genau mit

npx create-react-app

alles erstellt werden soll ?

Denn App.js App.css und App.test.js Stören mich und sie zu löschen ist auch aufwendig. Lieber eine Leere Seite von anfang an statt dem drehenden React Logo.

ich hätte gerne schon unterordner unter 'src' wie zb img, audio, style,components,video usw.

2 Antworten

verreisterNutzer

24.02.2023, 20:46

CSS!important?

Hallo

Ich habe das Problem, wenn ich mein (s)css an die Handyansicht anpasse, dann muss ich die Werte im Media Query immer mit !important überschreiben.

Wie kann ich das ändern oder wie löse ich es ohne important?

Danke im voraus

4 Antworten

qwertzujn

15.08.2022, 18:31

Warum benutzt man Tailwind CSS?

Wenn man mitten in den HTML Code , sowas schreibt wie

<p class="bold-900"> test </p>

Dann ergibt das für mich noch keinen sinn aus drei Gründen.

Man kann zwar bei wenig Code schnell im Code sehen was passiert aber schnell wird das doch komplett unordentlich, als würde wenn man <p style="color:red;"> benutzen.
Es ist doch Dumm sich die ganzen Tailwind Klassen auswendig zu lernen anstatt gleich die CSS Eigenschaften. Es macht doch kaum einen unterschied, ob font-size : 50px oder class="fontsize-50".
Tailwind hat auch keine fertige Komponenten wie Bulma oder Bootstrap falls man keine lust hat mal irgendwas selber zu machen.

Oder wie seht ihr das ?

Lerne zurzeit React und in vielen React Tutorials wird Tailwind genutzt.

Lohnt sich das so viel mehr als normales Css/Scss zu benutzen ?

2 Antworten

verreisterNutzer

24.03.2021, 08:29

Mit Umfrage

Kann man CSS / SCSS Formatierungen Seitenabhängig machen?

Vorneweg: Ich habe 1 CSS / SCSS Datei zum Arbeiten welche für alle Unterseiten bei mir genutzt wird. Daran kann und werde ich nichts ändern und ich bitte auch nicht nachzufragen warum!!!

Kann ich nun eine Formatierung davon abhängig machen auf welcher Seite sie ausgeführt wird? Und wenn ja würde ich mich auch freuen wenn ihr sagt wie.

Ist mit CSS / SCSS möglich 75%

Sonstiges 25%

Nein, nicht möglich 0%

Ist möglich aber nicht mit CSS / SCSS 0%

5 Antworten

melli9463

21.11.2019, 19:31

SCSS wird nicht mehr umgewandelt / gegriffen (Terminal, SASS)?

Hi zusammen,

ich baue zu Zeit eine Website mit HTML /CSS (scss). Über das Terminal lasse ich mein SCSS in CSS umschreiben. Bisher hat das Terminal immer gut seinen Job erledigt. Bis gerade eben (falls es überhaupt am Terminal liegt). Ich navigiere wie immer in meinen Ordner, in dem die style.scss udn die style.css liegt. Wenn ich mit mich mit dem Terminal in dem Ordner befinde schreibe ich folgenden Befehl:

sass --watch scss/style.scss:css/style.css

Bisher hat das immer gut funktioniert. SCSS wurde in CSS umgeschrieben. Jetzt aber kann ich nach Eingabe des Befehls einmal etwas in dem SCSS-Code ändern, die Änderung wird dann auch im Browser angezeigt - sobald ich dann aber ein zweites Mal etwas ändere schreibt das Terminal zwar:

Compiled scss/style.scss to css/style.css.

.. aber der Browser zeigt keine Änderung an. Das SCSS wird also irgendwie nicht mehr genommen.

Weiß jemand woran das liegt und kann mir weiterhelfen?

2 Antworten

elmex7

10.11.2023, 21:07

CSS zu Sass/Less/Scss Konverter?

Es gibt ja zahllose Tools, die Sass/Less/Scss zu CSS konvertieren. Aber gibt es das auch andersrum? Tools, die CSS in Sass/Less/Scss konvertieren? Kennt jemand da was?

2 Antworten

DotNetCreep

07.10.2023, 11:41

Mit Bildern

Tailwind CSS Warnung von Webstorm?

Wie kommt die Fehlermeldung zustande wenn ich doch alles richtig gemacht habe mit Tutorials. Das einzige was ich weg gemacht habe ist vue.app und das habe ich ja korriegiert zu index.vue in den einstellungen.

und anstatt main.css -> globaltailwind.scss und auch das habe ich in den einstellungen geändert. (Namen)

2 Antworten

verreisterNutzer

05.08.2023, 11:12

Mit Umfrage

Framework für laravel?

Hallo.

Erstmal ich kann noch kein framwork und kenne mich in php und einigermaßen in js aus.

Weil ich gehört habe, dass laravel ein gutes framework ist ,möchte ich es lernen.

Jetzt die Frage welches framwork am besten für das frontend in laravel ist?
Ich würde als erstes das frontend framwork lernen und dann laravel, ist das eine gute Idee?

Bitte auch mit Begründung.

Danke im voraus

Ps.: Ich nutze immer SCSS, bitte berücksichtigen.

Vue, weil.. 100%

React, weil.. 0%

Angular, weil.. 0%

Ein anders, weil.. 0%

1 Antwort

Benutzer264

20.04.2024, 10:49

Sichtbarkeit von CSS User properties?

Guten Morgen zusammen,

Ich hatte in meinem Web-Projekt in meiner index.html ein Stylesheet verlinkt, in welchem ich u. a. im :root Variablen (user properties) deklariert habe, welche weiter unten in der Datei verwendet wurden. Da die Datei aber ziemlich lang geworden ist, habe ich diese nun in vier Sylesheets aufgeteilt (general, header, main, footer). In der general.css datei werden z. B. body und html gestylet und im :root Variablen (user properties) definiert.

Diese Variablen sind bereits im header{} (in der header.css) benutzt worden, nur eben jetzt in einem neuen Stylesheet. Wenn ich diese in der general.css ändere, werden diese Änderungen auch in der header.css übernommen. Doch wenn ich im :root (general.css) eine neue Variable deklariere, wird sie mir in der header.css nicht angezeigt...

Weiß von euch jemand Rat oder sehe ich den Wald vor lauter Bäumen mal wieder (😉) nicht?

Liebe Grüße

PS: ich benutze VS-Code als Editor

1 Antwort