Skip to content

Задание 2 - Володина #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
VolodinaO wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Задание 2 - Володина #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 12 additions & 1 deletion tasks/1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,18 @@ <h1 class="global-heading">&nbsp;</h1>
<main class="global-results">
<section class="global-result">
<style>
/* ваш код здесь... */
div {
background: #6698ff;
}
div.c1{
background: #ff6698;
}
div#id{
background: #98ff66;
}
aside{
background: #6698ff;
}
</style>

<article class="global-scope">
Expand Down
7 changes: 6 additions & 1 deletion tasks/10.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.title::first-letter{
color: #ff6698;
}
.description::first-line{
color: #6698ff;
}
</style>

<section class="global-result">
Expand Down
22 changes: 21 additions & 1 deletion tasks/11.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,27 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.global-scope > input:first-child{
border: 3px solid #ff6698;
}
.global-scope > input:last-child{
border: 3px solid #98ff66;
}
.global-scope > input:focus{
border: 3px solid #6698ff;
}
/*Альтернативный вариант*/
/*
[value^="invalid"] {
border: 3px solid #ff6698;
}
[value^="email"] {
border: 3px solid #98ff66;
}
[value*="email"]:focus{
border: 3px solid #6698ff;
}
*/
</style>

<section class="global-result">
Expand Down
7 changes: 6 additions & 1 deletion tasks/12.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div{
background: #ffb366;
}
div:empty{
background: #ffff66;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/13.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:nth-of-type(4n+1) div{
background: #ff6698;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/14.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
li::before{
content: '+ ';
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/15.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
[href$=".zip"]::after{
content: ' \2193';
}
</style>

<section class="global-result">
Expand Down
28 changes: 27 additions & 1 deletion tasks/16.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,33 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.global-scope div {
background: #ff6698;
}
.global-scope .c1{
background: #6698ff;
}
.global-scope #id1{
background: #ffb366;
}
.c7{
background: #ffff66!important;
}
/*Альтернативный вариант*/
/*
div {
background: #ff6698!important;
}
.c1{
background: #6698ff!important;
}
#id1{
background: #ffb366!important;
}
.c7{
background: #ffff66!important;
}
*/
</style>

<section class="global-result">
Expand Down
8 changes: 7 additions & 1 deletion tasks/17.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
input:checked ~ input {
outline: 1px solid #ff6698;
}
/*Для отмены outline для 2-ого и т.д. checked (3 случай на картинке) */
input:checked {
outline: none!important;
}
</style>

<section class="global-result">
Expand Down
10 changes: 9 additions & 1 deletion tasks/18.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,15 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div{
opacity: 0.5;
}
.global-scope:hover > div{
opacity: 0.2;
}
div:hover {
opacity: 1!important;
}
</style>

<section class="global-result">
Expand Down
20 changes: 19 additions & 1 deletion tasks/19.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,25 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div {
background: #ffb366;
}
/*Обнуляет оранжевый*/
div div{
background: #ffffff;
}
div:first-child div:last-child{
background: #98ff66;
}
div:nth-child(2) div:nth-child(2n){
background: #ff6698;
}
div:nth-child(3) div:nth-child(2n+1){
background: #6698ff;
}
div:last-child div:first-child{
background: #ffff66;
}
</style>

<section class="global-result">
Expand Down
11 changes: 10 additions & 1 deletion tasks/2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,16 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
.c1{
background: #ff6698;
border: 2px solid #000;
}
.c2{
background: #ffb366;
}
.c1.c2{
background: #6698ff;
}
</style>

<section class="global-result">
Expand Down
5 changes: 4 additions & 1 deletion tasks/20.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/*Такая магия законна или требуется именно как-то по количеству рассчитывать?*/
div:nth-child(n+3) div{
background: #ff6698;
}
</style>

<section class="global-result">
Expand Down
7 changes: 6 additions & 1 deletion tasks/3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:not(:empty){
border: 2px solid #000;
}
div div{
background: #6698ff;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/4.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
article article:not(:first-of-type){
border-top: 1px solid #000;
}
</style>

<section class="global-result">
Expand Down
5 changes: 4 additions & 1 deletion tasks/5.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,10 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
#checkbox:checked ~.tab{
background: black;
color: white;
}
</style>

<section class="global-result">
Expand Down
8 changes: 7 additions & 1 deletion tasks/6.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,13 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
[href*="vk.ru"]{
color: #6698ff;
}
[href*="yandex.ru"]{
color: #ff6698;
}

</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/7.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
div:nth-child(n+2):nth-child(-n+3) img{
opacity: 0.3;
}
</style>

<section class="global-result">
Expand Down
4 changes: 3 additions & 1 deletion tasks/8.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
[target="_blank"] {
color: #ff6698;
}
</style>

<section class="global-result">
Expand Down
21 changes: 20 additions & 1 deletion tasks/9.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,26 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/*Чтобы не изменялись ссылки на следующее и предыдущее задание, добавила [href^="http"] */
[href^="http"] {
color: #6698ff;
}
.link:hover{
opacity: 0.5;
}
.link:active{
opacity: 1;
}
[href^="http"]:hover{
color: #ff6698;
opacity: 1;
}
[href^="http"]:active{
color: #98ff66;
}
[href^="http"]:visited{
color: #ffb366;
}
</style>

<section class="global-result">
Expand Down