Cookies op Tweakers

Tweakers is onderdeel van DPG Media en maakt gebruik van cookies, JavaScript en vergelijkbare technologie om je onder andere een optimale gebruikerservaring te bieden. Ook kan Tweakers hierdoor het gedrag van bezoekers vastleggen en analyseren. Door gebruik te maken van deze website, of door op 'Cookies accepteren' te klikken, geef je toestemming voor het gebruik van cookies. Wil je meer informatie over cookies en hoe ze worden gebruikt? Bekijk dan ons cookiebeleid.

Meer informatie
Toon posts:

CSS & HTML probleem

Pagina: 1
Acties:

Vraag


  • Speesjaal
  • Registratie: november 2017
  • Laatst online: 22-01-2019
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!

Beste antwoord (via Speesjaal op 06-10-2018 19:57)


  • deathgrunt
  • Registratie: maart 2009
  • Niet online
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:
1
2
3
4
5
input[type=text]:not[name=foo] {

/* 2DO */

}

Alle reacties


  • Speesjaal
  • Registratie: november 2017
  • Laatst online: 22-01-2019
Oeps. verkeerde topic.

  • Onbekend
  • Registratie: juni 2005
  • Laatst online: 23:26
Het eenvoudigste is op basis van het id van dat element een aparte (default) styling mee te geven.

Speel ook Airplane Manager en Repeat


  • Speesjaal
  • Registratie: november 2017
  • Laatst online: 22-01-2019
@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 ?

Acties:
  • Beste antwoord
  • 0Henk 'm!

  • deathgrunt
  • Registratie: maart 2009
  • Niet online
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:
1
2
3
4
5
input[type=text]:not[name=foo] {

/* 2DO */

}

  • Speesjaal
  • Registratie: november 2017
  • Laatst online: 22-01-2019
@deathgrunt Dit werkt! Hardstikke bedankt :)

  • RobIII
  • Registratie: december 2001
  • Nu online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

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

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Roses are red Violets are blue, Unexpected ‘{‘ on line 32.

Over mij


  • R4gnax
  • Registratie: maart 2009
  • Laatst online: 22:38
deathgrunt 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)

  • deathgrunt
  • Registratie: maart 2009
  • Niet online
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
  • Registratie: maart 2009
  • Laatst online: 22:38
deathgrunt 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.
deathgrunt 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. ;)

  • deathgrunt
  • Registratie: maart 2009
  • Niet online
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
  • Registratie: maart 2009
  • Laatst online: 22:38
deathgrunt 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]

Pagina: 1


Apple iPad Pro (2021) 11" Wi-Fi, 8GB ram Microsoft Xbox Series X LG CX Google Pixel 5a 5G Sony XH90 / XH92 Samsung Galaxy S21 5G Sony PlayStation 5 Nintendo Switch Lite

Tweakers vormt samen met Hardware Info, AutoTrack, Gaspedaal.nl, Nationale Vacaturebank, Intermediair en Independer DPG Online Services B.V.
Alle rechten voorbehouden © 1998 - 2021 Hosting door True