父母和孩子在Css

Question

身份證可以在CSS中的父母？例如：

<div id="link"> 
    </a href="www.example.com"></a> 
</div> 

CSS：

link > a{ 
    /* style goes here*/ 
} 

是否有可能做到這一點？

Answer 1

你的HTML不正確。你的開頭a標籤實際上是一個結束標籤。而你的a元素沒有內容點擊。

除此之外，只需在任何有效的選擇器上使用"child" operator：parent > child。

只要它們有效，選擇器parent和child是（元素，id，類，僞類，僞元素，分層等）無關緊要。

#parent { 
 
    height:100px; 
 
    background-color:rgba(0,0,255,.2); 
 
    padding:20px; 
 
} 
 

 
/* This will select all <a> elements that are children of #parent */ 
 
#parent > a { 
 
    background-color:yellow; 
 
    box-shadow:2px 2px 2px rgba(75,75,0,.8); 
 
    padding:5px; 
 
    margin:2px; 
 
    border-radius:20px; 
 
    text-decoration:none; 
 
    display:inline-block; 
 
} 
 

 
/* This will affect any <a> that is being interactied with */ 
 
#parent > a:active { 
 
    background-color:yellow; 
 
    box-shadow:-2px -2px 2px rgba(100,100,100,.5); 
 
}

<div id="parent"> 
 
    <a href="http://www.example.com">Click me</a> 
 
    <a href="http://www.example.com">Click me</a> 
 
    <a href="http://www.example.com">Click me</a> 
 
    <a href="http://www.example.com">Click me</a>  
 
</div>

Answer 2

是的，這是可能的。

#link >a{ 
color:red; 
} 

#link >a{ 
 
    color:red; 
 
}

<div id="link"><a href="www.example.com">LINK</a></div>