Google nieuws snelkoppeling [CSS] verwijderen

[LemonC200]

Goedemiddag,

Omdat ik al het nieuws en dus ook google nieuws nogal afleiding vind zou ik graag het tabje (de knop) news of nieuws willen verbergen in de google zoekresultaten met behulp van css.

Nou is het lastige dat het element geen vaste plek heeft. De volgorde van de knoppen veranderd dus aan de hand van de zoekresultaten.

Volgens mij zit het ergens hier waarbij het nummer dus de waarden 1-5 kan aanemen afhankelijk van de positie.
hdtb-msb > .hdtb-imb.hdtb-mitem:nth-of-type(5) > .qs.q

Iemand enig idee?
Alvast bedankt.

[html]

Na een snelle blik in de Google zoekresultaten zou dit de oplossing moeten zijn:

[code=css]
#hdtb-msb > div:nth-child(5) { display: none; }
[/code]

nvm niet goed gelezen, het was nog vroeg. Ik ben bang dat dit met een Javascriptje moet waarbij alle elementen uit de balk gecheckt moeten worden. Als de tekst dan overeenkomt met "Nieuws" moet hij verborgen worden.

JavaScript:

var links = document.querySelectorAll('.hdtb-mitem a');

[].forEach.call(links, function(link) {
    console.log(link.innerHTML)
    if(link.innerHTML == 'Nieuws'){
      link.style.display = 'none'
    }
});

[ Voor 65% gewijzigd door html op 30-08-2016 10:55 . Reden: Ik was nog niet wakker ]

[tomharcore]

Dit is te doen met de volgende CSS selector http://www.w3schools.com/cssref/sel_attr_contain.asp. Hier mee kan je een style toepassen wanneer een attribute een bepaalde waarde bevat. Bij de nieuws knop bevat de href link altijd het stukje 'tbm=nws'. De CSS selector zou dan als volgt worden:

Cascading Stylesheet:

#hdtb-msb > .hdtb-imb.hdtb-mitem > a[href*='tbm=nws']
{
 display: none;
}

Zie ook het volgende jsfiddle.

[LemonC200]

tomharcore schreef op dinsdag 30 augustus 2016 @ 21:50:
Dit is te doen met de volgende CSS selector http://www.w3schools.com/cssref/sel_attr_contain.asp. Hier mee kan je een style toepassen wanneer een attribute een bepaalde waarde bevat. Bij de nieuws knop bevat de href link altijd het stukje 'tbm=nws'. De CSS selector zou dan als volgt worden:

Cascading Stylesheet:

#hdtb-msb > .hdtb-imb.hdtb-mitem > a[href*='tbm=nws']
{
 display: none;
}

Zie ook het volgende jsfiddle.

tomharcore dat is een mooie css functie. Bedankt!

html bedankt voor het meedenken. Ik denk dat het gebruik van javascript in sommige gevallen zeker nuttig kan zijn.

[ Voor 3% gewijzigd door LemonC200 op 31-08-2016 13:27 ]

[html]

Ik wist niet van het bestaan van die laatste selector. Wel een mooie om te weten, waarvoor dank tomharcore!
CSS is inderdaad handiger in dit geval :-).