제어할 태그 선택하기

2017-11-25 20:33:22

소스코드

변경사항

W/E어제

2023.02.03

답글
푸른초21일 전

23.01.15

답글
메론소다맛젤리25일 전

혹시 따옴표의 사용은 일반적으로 어떤 상황에서 사용되는지 알 수 있을까요??
대화보기
답글
최대리한 달 전

2023.01.04 완료

답글
츄릅한 달 전

onclick = "" 안에 사용했기때문에 "" 큰따옴표는 일반적으로 사용하지 못합니다. 그래서 "" 안에 따옴표를 사용하기 위해 '' 작은 따옴표를 사용했습니다.
대화보기
답글
아침햇살한 달 전

2022 12 31

답글
메론소다맛젤리한 달 전

w3 school에서 backgroundColor="color"; 의 예시로 나타나고 있는데 강의에서는 ''를 입력했습니다. 혹시 ''와 ""의 차이는 있나요?

답글
감자2개월 전

22.11.25 복습 다시 시작!

답글
아이고머리야2개월 전

22.11.14

답글
labis983개월 전

20221106 복습완료

답글
이택진3개월 전

20221030

답글
코딩왕초보3개월 전

2022.10.26 복습

답글
엠제이3개월 전

10192022

답글
보통사람 박코딩3개월 전

할수있다

답글
모카3개월 전

2022.10.17

답글
JhC3개월 전

221017

답글
코딩드림3개월 전

221016

답글
서우4개월 전

221007

답글
코딩왕초보4개월 전

2022.10.05

답글
김세나4개월 전

221001

답글
한승욱4개월 전

220927

답글
정하늘4개월 전

220924

답글
당당4개월 전

2022.09.13

답글
삶은황도5개월 전

22.09.05 수강완료

답글
gn0es5개월 전

22.08.31

답글
뿔고래5개월 전

document.querySelector를 사용하여 원하는 태그를 지정할 수 있게 되었고 style을 사용하여 지정한 태그에 원하는 스타일의 코드를 삽입할 수 있게 되었다.

답글
Griotold5개월 전

220813 프로젝트 진행하다가 부족해서 다시 공부하러 왔습니다.

답글
헤밍웨이5개월 전

220810 따라오다보니 JavaScript의 진가를 알게 되네요 :)

답글
코드만다6개월 전

22.07.26

답글
RAHE6개월 전

2022.07.24_완료

답글
lazy_coder6개월 전

몇시간 동안 안되서 Css 만지다가 지우고 다시 작성하고 했는데 결국 querySelector를 queryselector로 입력한것 때문에 안됬다는 것을 알았네요.. 코딩할때는 대소문자도 주의해야 한다는 사실.. 오늘 또 하나 중요한거 배워갑니다.

답글
mia6개월 전

22.07.13

답글
이슬유치원6개월 전

220711/

답글
Dragonmin6개월 전

220710

답글
ally7개월 전

220708 오타주의

답글
진진리7개월 전

0707

답글
toonfac7개월 전

220703 오후 6시 02분 완료

답글
양빵8개월 전

220609

답글
onehae8개월 전

220602

답글
진진리8개월 전

22.05.18

답글
쪼8개월 전

220516

답글
달수8개월 전

20220513

답글
우정9개월 전

<style>a{color:inherit}</style>

설정한 값으로 링크컬러가 상속되도록 구성하면 어떨까요?
대화보기
답글
rhdwhdgu9개월 전

22.04.26

답글
고배배9개월 전

220424

답글
이정훈9개월 전

22.04.12

답글
고통받는티모9개월 전

혐의점이 2가지 보입니다.

1. head 부분에 style.css 링크
- style.css 부분에 적용한 çss가 우선순위로 적용됐을 수 있습니다.

2.ol 태크 부분
목차가 a 태그로 감싸져있는데, 이로인해 하이퍼링크 çss가 우선순위로 적용되어서 색이 안바뀔 수 있습니다.

style.css링크한거 지우고, a태그 지우니까 색이 다 바뀌네요
대화보기
답글
cookiey10개월 전

<html>
<head>
<title>WEB1 - welcome</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1><a href="index.html" style="color: #99FF99;">WEB</a></h1>
<div id="grid">
<ol>
<li><a href="1.html">HTML</a></li>
<li><a href="2.html">CSS</a></li>
<li><a href="3.html">JavaScript</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="reply.html">Reply</a></li>
</ol>
<div id="article">
<h2>WELCOME HOME</h2>
</div>
</div>
<input type="button" value="day" onclick="
document.querySelector('body').style.backgroundColor='white';
document.querySelector('body').style.color='black';
">
<input type="button" value="night" onclick="
document.querySelector('body').style.backgroundColor='black';
document.querySelector('body').style.color='white';
">
</body>
</html>
---------------------------------------------------------------------------------------------------
여기서 backgroudColor만 적용되고 color 는 적용안되는 이유는 뭘까요?(텍스트 색이 안바뀜.. )
저의 경우 <div id="grid"> 부분이 적용된 상태에서 하려니깐 그런것 같은데..
이 때 모든 텍스트 색 깔끔히 변경가능한 해결책 아시는분 계신가요..

답글
이윤10개월 전

22.04.05

답글
pdpd10개월 전

220404

답글