Понимание CSS «section.positioned» Селектор

-1

Может ли кто-нибудь объяснить следующий код css, который я нашел на веб-странице, и какой элемент влияет на section.positioned?Понимание CSS «section.positioned» Селектор

section { 
    position: relative; 
    border: 1px solid #000; 
    padding-top: 37px; 
    background: #500; 
} 
section.positioned { 
    position: absolute; 
    top: 100px; 
    left: 100px; 
    width: 500px; 
    box-shadow: 0 0 15px #333; 
}

Часть кода веб-страница

<section class=""> 
    <div class="container"> 
    ...... 
    </div> 
</section>

источник

2015-09-20 faisal abdulai

поправьте меня, если я ошибаюсь, но ваш вопрос штоком из [этого скрипку] (https: // jsfiddle .net/dPixie/byB9d/3/свет /)? Если это так, я создал обновленную версию [здесь] (https://jsfiddle.net/byB9d/7442/), которая должна сделать вещи немного яснее. – SausageFingers

section.positioned правила целевой элемент, как это:

<section class="positioned"> 

</section>

, изменив класс существующего HTML-элемент от пустого "позиционированного", правило section.positioned будет применяться к элементу вместо правила section.

Добавлено:

section.positioned Что на самом деле означает, что целевой элемент «раздела» типа, который имеет класс с именем «позиционируется».

Дальнейшее чтение о CSS селекторов:

источник

2015-09-20 15:45:38 LGSon

Понимание CSS «section.positioned» Селектор

ответ

Смежные вопросы