Skip to content

готово #9

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
ZhiVV wants to merge 4 commits into
base: master
Choose a base branch
from
Open

готово #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
766aee0
First commit: Zhichkin, 2 variant 2.html это второй вариант решения 2…
Mar 19, 2019
bb79d98
Zhichkin. 16 задач ок
Mar 21, 2019
acd5eae
Zhichkin. оставшиеся задания 17-20
Mar 23, 2019
d0face6
zhichkin. добавил сильную магию
Mar 24, 2019
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>
/* ваш код здесь... */
p.title:first-letter {
color:red;
}
p.description:first-line {
color: #6698ff;
}
</style>

<section class="global-result">
Expand Down
10 changes: 9 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,15 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
input:invalid {
border: 3px solid #ff6698;
}
input:valid {
border: 3px solid #98ff66;
}
input: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:nth-child(odd):not(:nth-of-type(5)) {
background: #ffb366;
}
div {
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 div:only-of-type {
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>
/* ваш код здесь... */
a[href$=".zip"][download]::after {
content: '\2193';
}
</style>

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

<main class="global-results">
<style>
/* ваш код здесь... */
</style>
div:first-child {
background-color: #ff6698;
}
div.c1 {
background-color: #6698ff;
}
div#id1 {
background-color: #ffb366;
}
div.c7 {
background-color: #ffff66 !important;
}

</style>

<section class="global-result">
<article class="global-scope">
<div></div>
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
input[type="checkbox"]:checked ~ input[type="checkbox"] {
outline: 1px solid #ff6698;
}
input[type="checkbox"]:checked {
outline: 0px!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;
}
article:hover div {
opacity: 0.3;
}
div:hover {
opacity: 1!important;
}
</style>

<section class="global-result">
Expand Down
19 changes: 18 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,24 @@ <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-last-child(2) > div:nth-child(2n-1) {
background: #6698ff;
}
div:last-child > div:first-child {
background: #ffff66;
}
</style>

<section class="global-result">
Expand Down
48 changes: 48 additions & 0 deletions tasks/2 variant 2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS-селекторы</title>
<meta charset="utf-8">

<link rel="stylesheet" type="text/css" href="../global.css">
</head>
<body>
<h1 class="global-heading">&nbsp;</h1>
<p>Решите задачу, используя <code>background: &lt;color&gt;</code> и <code>border: 2px solid #000</code></p>

<main class="global-results">
<style>
div.c1 {
border: 2px solid #000;
background: #ff6698;
}
div.c2 {
background: #ffb366;
}
div.c1.c2 {
background: #6698ff;
}
</style>

<section class="global-result">
<article class="global-scope">
<div class="c1 c2"></div>
<div class="c1"></div>
<div class="c2"></div>
<div class="c1"></div>
</article>
</section>

<section class="global-result">
<img class="global-goal">
</section>
</main>

<nav class="global-nav">
<a class="global-prev">Предыдущее</a>
<a class="global-next">Следующее</a>
</nav>

<script src="../global.js"></script>
</body>
</html>
13 changes: 12 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,18 @@ <h1 class="global-heading">&nbsp;</h1>

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

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/*самая сильная магия, под-вид магии - мощный,
честно спер, но разобрался*/
.red-gt2 div:nth-last-child(n+3),
.red-gt2 div:nth-last-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>
/* ваш код здесь... */
article > div {
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:nth-of-type(n+2) {
border-top: 1px solid #000
}
</style>

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/* так же не понял, нужно ли менять цвет внутри самого чек-бокса, посмотрел что через :after и display: none
подумал что для 5 задания это перебор. Если точно надо то сделаю*/
input:checked ~ div {
background: black;
color: white
}
</style>

<section class="global-result">
Expand Down
12 changes: 10 additions & 2 deletions tasks/6.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,8 +11,16 @@ <h1 class="global-heading">&nbsp;</h1>
<p>Решите задачу, используя <code>color: &lt;color&gt;</code></p>

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

<section class="global-result">
Expand Down
7 changes: 6 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,12 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
img:not([alt^="css"]) {
opacity: 0.3;
}
img.global-goal {
opacity: 1;
}
</style>

<section class="global-result">
Expand Down
5 changes: 4 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,10 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
/* выделять по target="_blank" расценил как поддаться на провокацию */
a[href*="//"]:not([href*="my-site.ru"]){
color:#FF679A;
}
</style>

<section class="global-result">
Expand Down
14 changes: 13 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,19 @@ <h1 class="global-heading">&nbsp;</h1>

<main class="global-results">
<style>
/* ваш код здесь... */
a[href]:visited {
color: #ffb366;
}
a[href]:hover {
color: #ff6698;
opacity: 1;
}
a[href]:active {
color: #98ff66;
}
a:hover {
opacity: 0.4;
}
</style>

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