:선택기가 효과가 없는 이유는 무엇입니까?
义之
义之 2019-08-13 13:35:42
0
2
1495
<style type="text/css">	      
		.two:not(p){ color: orange; }
</style>

<div class="two">
	从脱贫攻坚,到志愿服务;从大学校园,到民营企业;从祖国边疆,到创新一线……一封封回信,饱含深情、字字暖心、催人奋进,体现着心心相印的人民情怀,蕴含着对治国理政的深刻思考,表达着对奋进新时代的殷切希望。

	<p>日报推出“牢记嘱托 奔跑追梦——收到回信之后”系列,与您一起见证发展变化、感悟初心使命。今天刊发第十一篇《莫斯科大学中国留学生:“让留学报国的光荣传统薪火相传”》。</p></div>

일반적으로 P 태그의 내용은 기본 색상이어야 합니다. P 태그를 제외한 DIV의 내용은 주황색으로 되어 있었는데, 지금은 모두 주황색으로 되어 있습니다. 왜

义之
义之

2019年12月31日前会前端

모든 응답(2)
V

나도 해봤다. 다음과 같이:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <style type="text/css">
    .demo:not(p){
            color:orange;
        }
        p {
            color:blue;
        }
    </style>
</head>
<body>
<div class="demo">
     从脱贫攻坚,到志愿服务;从大学校园,到民营企业;从祖国边疆,到创新一线……一封封回信,饱含深情、字字暖心、催人奋进,体现着心心相印的人民情怀,蕴含着对治国理政的深刻思考,表达着对奋进新时代的殷切希望。

    <p>
        日报推出“牢记嘱托 奔跑追梦——收到回信之后”系列,与您一起见证发展变化、感悟初心使命。今天刊发第十一篇《莫斯科大学中国留学生:“让留学报国的光荣传统薪火相传”》。
    </p>
    </div>

</body>
</html>

1565854422(1).jpg 다음과 같은 결과를 얻었습니다.

1565854422(1).jpg 그런 다음 몇 가지 수정을 시도했습니다.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <style type="text/css">
        div.demo:not(p){
            color:orange;
        }
          p {
            color:blue;
        }
    </style>
</head>
<body>
<div class="demo">
     从脱贫攻坚,到志愿服务;从大学校园,到民营企业;从祖国边疆,到创新一线……一封封回信,饱含深情、字字暖心、催人奋进,体现着心心相印的人民情怀,蕴含着对治国理政的深刻思考,表达着对奋进新时代的殷切希望。
    <p>
        日报推出“牢记嘱托 奔跑追梦——收到回信之后”系列,与您一起见证发展变化、感悟初心使命。今天刊发第十一篇《莫斯科大学中国留学生:“让留学报国的光荣传统薪火相传”》。
    </p>
    <a>这是一个测试</a>
</div>
</body>
</html>

다음과 같은 결과를 얻었습니다.

1565854679(1).jpg

前端小王子

P가 아닌 태그를 첫 번째 단락에 추가하세요(예:span


그런 다음 .two :not(p){ color: orange } 스타일에서 .two 뒤에 공백을 넣으세요!

최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿