<?xml version="1.0" encoding="UTF-8" ?>
<rss version="2.0">
	<channel>
				<title><![CDATA[CSS 부모 선택자 선택하기]]></title>
		<link>https://www.cosmosfarm.com/threads/rss/document/17665</link>
		<description><![CDATA[<p>&lt;div&gt;부모</p>

<p>    &lt;div class="자식"&gt;자식&lt;/div&gt;</p>

<p>&lt;/div&gt;</p>

<p> </p>

<p>으로 작성해두고</p>

<p> </p>

<p>.div div.자식 { color: #fff; }</p>

<p> </p>

<p>으로 작성하면 부모에는 CSS가 적용되지 않고 자식이라는 단어만 흰색으로 작성되는 것으로 알고 있습니다.</p>

<p> </p>

<p>문의하고 싶은 건 HTML이 저렇게 생겼을 경우에</p>

<p>자식은 제외하고 부모만을 흰색으로 CSS를 적용하고자 할 때 CSS 선택자를 어떻게 만들어야하나요?</p>

<p> </p>

<p>단순히 div { color: #fff; }로 하면 부모와 자식 모두 흰색으로 바뀌게 되고</p>

<p>직접적으로 &lt;div style="color:#fff"&gt;로 만들기에는 겹치는 부분이 많아서요.</p>

<p> </p>

<p>'부모'라는 부분만을 선택할 수 있는 방법이 있을까요?</p>
]]></description>
		<copyright>Copyright 2026, 코스모스팜</copyright>
				<item>
			<title><![CDATA[클래스를 삽입하면 안되는 상황이 어딨습니까???]]></title>
			<link>https://www.cosmosfarm.com/threads/document/56819</link>
			<description><![CDATA[<p>클래스를 삽입하면 안되는 상황이 어딨습니까???</p>]]></description>
			<author>guest1</author>
			<pubDate>Fri, 10 Dec 2021 07:38:01 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[&amp;lt;style&amp;gt;
  div {color:black;}
  div:not(.child) {color:white}
&amp;lt;/style&amp;gt;...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/18506</link>
			<description><![CDATA[<p>&lt;style&gt;<br />
  div {color:black;}<br />
  div:not(.child) {color:white}<br />
&lt;/style&gt;</p>

<p>&lt;div&gt;<br />
        white<br />
        &lt;div class="child"&gt;<br />
            black<br />
        &lt;/div&gt;<br />
  &lt;/div&gt;</p>

<p>답변이 늦었지만 혹시나 도움이 될까싶어 답변 등록합니다.</p>
]]></description>
			<author>shiny</author>
			<pubDate>Sat, 23 Dec 2017 23:28:27 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요.

아래의 코드를 활용해보시는 건 어떠신지요?


&amp;lt;script&amp;gt;
jQuery(document)....]]></title>
			<link>https://www.cosmosfarm.com/threads/document/17683</link>
			<description><![CDATA[<p>안녕하세요.</p>

<p>아래의 코드를 활용해보시는 건 어떠신지요?</p>

<pre>
<code class="language-html">&lt;script&gt;
jQuery(document).ready(function(){
	jQuery('.child').parent().css('color', 'red');
});
&lt;/script&gt;

&lt;style&gt;
.child { color: blue; }
&lt;/style&gt;

&lt;div&gt;부모
    &lt;div class="child"&gt;자식&lt;/div&gt;
&lt;/div&gt;</code></pre>

<p> </p>

<p>has() Selector는 다른 div 태그에도 영향을 줄 수 있어 jQuery의 parent() 코드를 활용해봤습니다.</p>

<p>jQuery의 parent() 코드는 아래의 링크를 참고해보세요.</p>

<p><a href="https://api.jquery.com/parent/" target="_blank">https://api.jquery.com/parent/</a></p>

<p>고맙습니다.</p>
]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 22 Nov 2017 01:06:33 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[div 태그에 클래스를 삽입하면 안되는 상황이라서요 ㅠㅠ
]]></title>
			<link>https://www.cosmosfarm.com/threads/document/17680</link>
			<description><![CDATA[<p>div 태그에 클래스를 삽입하면 안되는 상황이라서요 ㅠㅠ</p>
]]></description>
			<author>LEGOAA</author>
			<pubDate>Wed, 22 Nov 2017 00:25:41 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
				<item>
			<title><![CDATA[안녕하세요~^^

부모 div 태그에 클래스를 추가하는 방법은 어떠신지요?


&amp;lt;div class=&quot;부...]]></title>
			<link>https://www.cosmosfarm.com/threads/document/17678</link>
			<description><![CDATA[<p>안녕하세요~^^</p>

<p>부모 div 태그에 클래스를 추가하는 방법은 어떠신지요?</p>

<pre>
<code class="language-html">&lt;div class="부모"&gt;부모
    &lt;div class="자식"&gt;자식&lt;/div&gt;
&lt;/div&gt;</code></pre>

<p>위 코드처럼 부모 div 태그에 클래스를 부여하고 CSS 속성을 추가하시면 됩니다.</p>

<p> </p>

<p>다른 방법으로는 jQuery의 has() Selector를 이용한 방법도 있지만</p>

<p>가장 간단하게 해결할 수 있는 부모 div 태그에 클래스를 추가하는 방법을 안내해드렸습니다.</p>

<p>has() Selector는 아래의 링크를 참고해보세요.</p>

<p><a href="https://www.w3schools.com/jquery/sel_has.asp" target="_blank">https://www.w3schools.com/jquery/sel_has.asp</a></p>

<p>고맙습니다.</p>
]]></description>
			<author>스레드봇</author>
			<pubDate>Wed, 22 Nov 2017 00:11:50 +0000</pubDate>
			<category>HTML/CSS/웹표준</category>
		</item>
			</channel>
</rss>