Premier article

Contenu... Lorem ipsum dolor sit amet consectetur adipisicing elit. Nihil exercitationem aperiam cum? Quidem, nesciunt. Excepturi laborum porro corporis repudiandae voluptatum deleniti consequuntur dicta, obcaecati consectetur nobis beatae expedita labore adipisci! Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis soluta sit magnam incidunt. Praesentium qui totam architecto. Incidunt at neque harum culpa, sunt quae quo sit voluptatum. Omnis, illum nesciunt. Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum perferendis ipsa magnam quod rerum aliquam nobis obcaecati consectetur in id debitis suscipit, veniam eligendi quo porro culpa hic sit tempora!
Commodi impedit, aspernatur, magni earum quia sapiente minima labore officiis porro dolore fuga error vitae minus, eveniet eum! Quibusdam dolor dolores consectetur, voluptas nesciunt beatae qui? Ea voluptas consectetur pariatur. Ab, animi. Molestiae vero placeat ullam soluta, quibusdam dolor commodi quia corrupti assumenda nobis beatae, debitis laboriosam ipsam eaque! Dignissimos harum aperiam commodi laboriosam eos non magni, voluptatem quod aliquid?
Veritatis illum saepe nihil quidem delectus amet similique ea voluptatum laboriosam obcaecati veniam omnis maiores aspernatur, aut repellendus, ipsa iure expedita nam vel voluptatem! Nemo iure magnam debitis tempora itaque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Explicabo voluptates velit possimus sint pariatur laborum quisquam sequi hic corporis, asperiores natus dolorem quidem? Voluptates, recusandae in. Reiciendis nisi expedita porro. Dicta commodi dolores placeat laboriosam, itaque fugiat modi nemo labore reprehenderit dolorem nisi impedit qui. Ab nisi repellendus maxime suscipit voluptas ratione consequatur quae, eveniet, inventore omnis, earum similique modi? Ullam molestias beatae magnam maiores totam vero enim possimus omnis, eum animi maxime mollitia illo odit! Facere quasi quibusdam at nihil, perspiciatis beatae eos voluptatibus? Quam nisi tenetur animi molestiae.

Deuxième article

Contenu... Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod culpa nobis nulla ad dignissimos? Voluptates saepe qui veritatis adipisci odit non, fuga laudantium error perspiciatis quaerat temporibus a quasi quos. Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis sapiente quisquam odit a earum eligendi quo rem repellat maiores, quia unde itaque saepe praesentium similique architecto animi doloremque debitis excepturi!
Blanditiis id quidem repellat quaerat iste in aliquid voluptas repellendus quas recusandae eligendi ratione, necessitatibus fuga placeat eaque soluta aspernatur sunt unde nobis. Dolore sit eveniet culpa eaque voluptatibus accusamus. Blanditiis ad obcaecati doloremque, deserunt asperiores eaque reiciendis a? Laboriosam, natus quis. Sapiente voluptatum eaque doloribus omnis quisquam pariatur minus? Voluptas aliquam soluta eos suscipit aperiam ea animi. Deleniti, velit! Porro eius omnis commodi mollitia perferendis animi doloribus! Sed, in. Ab recusandae ea necessitatibus consequatur iste veniam magni eaque porro ratione officia cupiditate beatae saepe, inventore architecto veritatis aliquam dolorum?
Maiores necessitatibus at et voluptatum eaque qui commodi eveniet impedit minima velit? Iusto vitae quod atque saepe, suscipit aliquid obcaecati enim fugiat deserunt, quibusdam repellendus consectetur vero est maiores illum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati fugit expedita, delectus, quo alias voluptatum odio tempore provident totam sequi iure fugiat praesentium eligendi aliquam exercitationem soluta dolore a dolorem? Necessitatibus nesciunt officia voluptatibus explicabo quasi? Rerum corrupti molestiae voluptatem quas sequi dolores tenetur magnam soluta? Quos laboriosam aliquid similique unde accusantium vitae eius nisi tenetur, sed iure minima officiis. Earum dolorem omnis reiciendis maiores laboriosam eaque blanditiis expedita eius suscipit itaque illo libero est, dolores unde voluptates? Sed in enim veniam illo libero delectus sit temporibus dicta et expedita.

Question 1

Classez ces sélecteurs par spécificité croissante : p, .text, #main, p.text, #main .text p

Du plus faible au plus fort : p (0,0,1) → .text (0,1,0) → p.text (0,1,1) → #main (1,0,0) → #main .text p (1,1,1)

Question 2

Si deux règles ont la même spécificité, laquelle gagne ?

C'est la règle qui apparaît en dernier dans le fichier CSS qui gagne. En cas d'égalité de spécificité, la dernière déclaration écrase les précédentes (ordre de cascade).

Question 3

Pourquoi faut-il éviter !important ?