123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- /* После каждого уровня сделал отступ, чтобы скажем так
- выделить уровни, думаю вам так будет легче проверять */
- body {
- margin: 0;
- }
- /* 1.Первый уровень */
- blockquote {
- color: green;
- }
- /* 2.Второй уровень */
- .holder{
- margin-top: 100px;
- }
- /*1) обратился только к тем ссылкам, значение атрибута href
- которых начинается с https и сделал их красным цветом */
- a[href^="https"] {
- color: red;
- }
- /* 2) применил только для последней ссылки в первом писке
- (list6), задал ей синий фоновый цвет и изменил цвет текста
- на белый, чтобы был виден текст */
- .list > li + li > a[href^="#"] {
- background: blue;
- color: white;
- }
- /* 3) будет действовать только для <p>, который идет после
- <ul> и задал размер шрифта 26px */
- .list + p {
- font-size: 26px;
- }
- /* 3.Третий уровень */
- h3:nth-child(odd) {
- color: pink;
- margin-top: 100px;
- }
- #greycol {
- color: grey;
- }
- div:nth-child(odd) {
- color: red;
- }
- h3 + p:nth-child(odd) {
- color: green;
- }
- .yellow {
- color: yellow;
- }
- /* 4.Четвертый уровень */
- .bg-box {
- margin-top: 100px;
- border: 3px white solid; /* Надо поменять цвет, чтобы увидеть бордер */
- border-left: 0;
- border-bottom: 0;
- width: 1162px;
- height: 658px;
- background-color: #007000;
- background-image:
- url(images/lamp.png),
- url(images/zel.png),
- url(images/ёжик.png),
- url(images/pon.png),
- url(images/hous.jpg);
- background-position: top, bottom, left, right, center;
- background-size: 47px 78px, 267px 148px, 33px 27px, 35px 33px, auto;
- background-repeat: repeat-x, repeat-x, repeat-y, repeat-y, no-repeat;
- }
|