Boarder um Frage entfernen

Question

Mir wird eine Rahmen um eine Frage angezeigt, welcher den CSS Code von der Tabelle davor erbt. Ich komme leider nicht drauf, welche Klasse ich ansprechen muss, damit border: none !Important;funktioniert. Ich dachte, es müsste die Klasse s2header sein- da tut sich aber nichts. Der Pre-Test auf die Seite: https://odc.iea-hamburg.org/icils2023-ncq/?act=BsURlOcZIzZ0Dz2grd8r9VNL

Es geht um den dünnen Rahmen um den Satz:
"Please use this space to elaborate your response, in particular if you have included percentages for ‘other schools’ above."

<style>
#tabelle table {
border-collapse: collapse;

}

#tabelle th {
  font-size: 15px;
}



#tabelle table {

  font-family: arial, sans-serif;

  border-collapse: collapse;

  width: 110%;

}


#tabelle td, th {

  border: 1px solid #dddddd;
    padding: 5px;
  text-align: left;

  

}


#tabelle tr:nth-child(even) {

  background-color: #dddddd;

}
#tabelle th {
	background-color: #808080;
	color: white;
	font-size: 0.875rem;
	text-transform: uppercase;
	letter-spacing: 2%;
        padding: 8px;
}


</style>

Answer 1

Soweit ich es sehe, ist der Rahmen "hart" in dem HTML kodiert:

<p style="border: 1px solid black; padding: 20px;">

Comments

Nicht beabsichtigt jedenfalls. Ich habe in der Frage mein CSS Teil kopiert, welcher für die Tabelle verantwortlich ist. Ich müsste den Rahmen in der unteren Frage irgendwie überschreiben (deshalb habe ich es mit important probiert).

---

Pardon, ich habe an die falsche Stelle geschaut - auf den Text oben.

Okay, Sie haben folgendes CSS verwendet:

#tabelle td, th { ... }

Das bedeutet: Alle <td> innerhalb des Elements mit der ID "tabelle" und außerdem noch alle (!) th.

Korrekt wäre m.E.

#tabelle td, #tabelle th { ... }

Und falls Sie es trotzdem so lassen möchten und wirklich nur das <th> unten ändern wollten:

div.s2question th { border: 0 none; }