Utiliser CSS pour rendre une plage non cliquable

Question

<pre><code></code><p>Je suis assez nouveau dans CSS, j’ai un cas simple comme celui ci-dessus. J’aimerais rendre le « titre » et « une url » cliquables mais je veux rendre la description non cliquable. Existe-t-il un moyen de le faire en appliquant du CSS sur la plage afin que tout ce qui se trouve à l’intérieur de cette plage ne soit pas cliquable. </p></pre>

Answer 1

Pas avec CSS. Vous pouvez le faire facilement avec JavaScript, cependant, en annulant la gestion des événements par défaut pour ces éléments. Dans jQuery :

Answer 2

CSS est utilisé pour appliquer le style, c’est-à-dire les aspects visuels d’une interface.

Le fait de cliquer sur un élément d’ancrage pour effectuer une action est un aspect comportemental d’une interface, et non un aspect stylistique .

Vous ne pouvez pas obtenir ce que vous voulez en utilisant uniquement CSS.

JavaScript est utilisé pour appliquer des comportements à une interface. Vous pouvez utiliser JavaScript pour modifier le comportement d’un lien.

Answer 3

En réponse à la diatribe des piémons contre jQuery, une solution JavaScript(TM) Vanille (testée sur FF et IE) :

Placez-le dans une balise de script après le chargement de votre balisage (juste avant la fermeture de la balise body) et vous obtiendrez un effet similaire à l’exemple jQuery.

Cela désactivera le clic sur chaque 2ème travée à l’intérieur d’une balise. Vous pouvez également vérifier le code innerHTML de chaque plage pour « description », ou définir un attribut ou une classe et le vérifier.

Answer 4

C’est la façon la plus simple que j’aurais faite. Sans parler de CSS ou de javascript :

<div class="snippet" data-babel="false" data-console="true" data-hide="false" data-lang="js"> <div class="snippet-code">

</div></div>Vous pouvez remplacer le

avec tout ce que vous voulez.