CSS & HTML probleem

[Speesjaal]

Ik ben vrij nieuw in het coderen en heb al mijn input type='text' gestyled in CSS. Echter wil ik dat bij 1 ding niet hebben. Hoe kan ik ervoor zorgen dat dit bij deze niet word gebruikt terwijl de rest van de css styling wel word toegepast op die pagina. Ik heb rond gegoogled maar kon niet echt een duidelijke oplossing vinden.

Hopelijk kan iemand hier mij helpen. Alvast bedankt!

[Speesjaal]

Oeps. verkeerde topic.

[Onbekend]

Het eenvoudigste is op basis van het id van dat element een aparte (default) styling mee te geven.

[Speesjaal]

@Onbekend Dus de beste optie is om al die oude texten eenzelfde ID te geven en de text input type=text veranderen in dat ID ?

[b2vjfvj75gjx7]

Onbekend schreef op zaterdag 6 oktober 2018 @ 19:53:
Het eenvoudigste is op basis van het id van dat element een aparte (default) styling mee te geven.

Dan zou ik het eerder op basis van de naam doen... die is verplicht, een ID niet.

Cascading Stylesheet:

input[type=text]:not[name=foo] {

/* 2DO */

}

[Speesjaal]

@b2vjfvj75gjx7 Dit werkt! Hardstikke bedankt

[RobIII]

Speesjaal schreef op zaterdag 6 oktober 2018 @ 19:52:
Oeps. verkeerde topic.

En dan maken we er nog maar één? Vraag volgende keer gewoon even aan een mod je topic te verplaatsen a.u.b.

[R4gnax]

b2vjfvj75gjx7 schreef op zaterdag 6 oktober 2018 @ 19:56:
[...]


Dan zou ik het eerder op basis van de naam doen... die is verplicht, een ID niet.

name is niet een verplicht attribuut.

De HTML5 technical recommendation schrijft:

The name content attribute gives the name of the form control, as used in §4.10.21 Form submission and in the <form> element’s elements object. If the attribute is specified, its value must not be the empty string.

(emphasis mine)

[b2vjfvj75gjx7]

R4gnax schreef op dinsdag 9 oktober 2018 @ 00:22:
[...]


name is niet een verplicht attribuut.


[...]


(emphasis mine)

Mee eens, maar zonder naam is het onbruikbaar - omdat je de post niet kan afvangen - je hebt immers geen key => value array om door heen te wandelen dan.

Dus het is niet verplicht, maar als je iets met data / value wil doen, wel handig...

Daarbij is een #ID veel krachtiger en wellicht overkill om een styling-uitzondering mee te duiden - maar dat hangt weer af van de rest van de DOM / semantiek.

Elk advies heeft wel randvoorwaarden en context waarbinnen je het moet lezen, natuurlijk.

[R4gnax]

b2vjfvj75gjx7 schreef op dinsdag 9 oktober 2018 @ 19:55:
Mee eens, maar zonder naam is het onbruikbaar - omdat je de post niet kan afvangen - je hebt immers geen key => value array om door heen te wandelen dan.

Als je een klassiek formulier maakt wat met een get of post werkt, dan wel ja. Maar je kunt ook een applicatie maken die async met XmlHttpRequests data verstuurd en dan heb je echt geen name nodig.

b2vjfvj75gjx7 schreef op dinsdag 9 oktober 2018 @ 19:55:

Daarbij is een #ID veel krachtiger en wellicht overkill om een styling-uitzondering mee te duiden - maar dat hangt weer af van de rest van de DOM / semantiek.

Weet je; je kunt ook gewoon een extra class toevoegen. Dat is tenslotte waar die dingen voor bedoeld zijn.

[b2vjfvj75gjx7]

R4gnax schreef op dinsdag 9 oktober 2018 @ 19:59:
[...]


Als je een klassiek formulier maakt wat met een get of post werkt, dan wel ja. Maar je kunt ook een applicatie maken die async met XmlHttpRequests data verstuurd en dan heb je echt geen name nodig.


[...]


Weet je; je kunt ook gewoon een extra class toevoegen. Dat is tenslotte waar die dingen voor bedoeld zijn.

Of je de request nu aSynch of Sync doet maakt met Ajax dan weer niets uit...

Maar het gaat mij niet om gelijk - de vraag was bijna boolean van aard;

Ik heb een class die op ALLE inputs moet BEHALVE op één... dan lijkt een :(not) selector mij het meest logisch... dan pas je het toe op ALLES, BEHALVE die éne...

Kortere syntax en semantisch correct...

[R4gnax]

b2vjfvj75gjx7 schreef op dinsdag 9 oktober 2018 @ 22:30:
Ik heb een class die op ALLE inputs moet BEHALVE op één... dan lijkt een :(not) selector mij het meest logisch... dan pas je het toe op ALLES, BEHALVE die éne...

Inderdaad: .class-a:not(.class-b) en dan heb je gelijk iets wat herbruikbaar is en ook blijft werken wanneer bijv. een name attribuut aangepast wordt.

[ Voor 17% gewijzigd door R4gnax op 09-10-2018 22:45 ]