Различия

Показаны различия между двумя версиями страницы.

--- prioriteti_stiliv_css [2023/09/11 18:41]
tro
+++ prioriteti_stiliv_css [2023/09/11 18:49] (текущий)
tro
@@ Строка 62: / Строка 62: @@
 p {
   color: orange !important;
+}
+</code>
+===== inherit =====
+Якщо необхідно, щоб у пості посилання було того ж кольору як і весь текст, можна використовувати спеціальне значення inherit для властивості color, щоб не дублювати колір у двох місцях.Значення inherit повідомляє браузеру, що елементу необхідно успадкувати значення властивості від батьківського елемента.
+<code>
+.post {
+  color: green;
+}
+.post-link {
+  color: inherit;
+}
+</code>
+===== currentColor =====
+Для посилань зазвичай використовується ключове слово currentColor (поточний колір) у HTML. Мета — щоб колір тексту посилання успадковувався від секції.
+<code>
+<section class="post">
+  <h1>Lorem ipsum dolor sit</h1>
+  <p>
+    Lorem, ipsum dolor sit amet consectetur adipisicing elit. Obcaecati commodi,
+    veritatis nihil alias iste odit similique sit eius optio veniam, impedit
+    cumque fuga facere labore quo id necessitatibus quaerat rerum.
+  </p>
+  <a href="" class="post-link">Read more...</a>
+</section>
+.post {
+  color: green;
+}
+.post-link {
+  color: currentColor;
 }
 </code>