Bonjour, 

Est-ce que quelqu'un aurait une idée pour condenser ce bout de code ?

.tiles article:nth-child(4n - 1), .tiles article:nth-child(4n - 2) {
				width: 60%;
			}


			.tiles article:nth-child(6n):before {
				background-color: #00000093;
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-bottom: solid 4px rgba(196, 196, 196, 0.575);
				border-right: solid 4px rgba(196, 196, 196, 0.575);
			}
			.tiles article:nth-child(6n):after {
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-bottom: solid 4px rgba(196, 196, 196, 0.575);
				border-right: solid 4px rgba(196, 196, 196, 0.575);
            }
			.tiles article:nth-child(6n - 5):before {
				background-color: #00000093;
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-top: solid 4px rgba(196, 196, 196, 0.575);
				border-left: solid 4px rgba(196, 196, 196, 0.575);
				
			}
			.tiles article:nth-child(6n - 5):after {
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-top: solid 4px rgba(196, 196, 196, 0.575);
				border-left: solid 4px rgba(196, 196, 196, 0.575);
            }

			.tiles article:nth-child(6n - 4):before {
				background-color: #00000093;
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-top: solid 4px rgba(196, 196, 196, 0.575);
				border-right: solid 4px rgba(196, 196, 196, 0.575);
			}
			.tiles article:nth-child(6n - 4):after {
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-top: solid 4px rgba(196, 196, 196, 0.575);
				border-right: solid 4px rgba(196, 196, 196, 0.575);
            }

			.tiles article:nth-child(6n - 3):before {
				background-color: #00000093;
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-left: solid 4px rgba(196, 196, 196, 0.575);
			}
			.tiles article:nth-child(6n - 3):after {
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-left: solid 4px rgba(196, 196, 196, 0.575);
            }

			.tiles article:nth-child(6n - 2):before {
				background-color: #00000093;
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-right: solid 4px rgba(196, 196, 196, 0.575);
			}
			.tiles article:nth-child(6n - 2):after {
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-right: solid 4px rgba(196, 196, 196, 0.575);
            }

			.tiles article:nth-child(6n - 1):before {
				background-color: #00000093;
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-bottom: solid 4px rgba(196, 196, 196, 0.575);
				border-left: solid 4px rgba(196, 196, 196, 0.575);
			}
			.tiles article:nth-child(6n - 1):after {
				border: solid 2px rgba(196, 196, 196, 0.575);
				border-bottom: solid 4px rgba(196, 196, 196, 0.575);
				border-left: solid 4px rgba(196, 196, 196, 0.575);
            }

Merci

-
Edité par Jokoa 7 octobre 2021 à 12:07:52

bonjour, en utilisant des class peut etre ....

-
Edité par zvheer 9 octobre 2021 à 18:59:20