CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSを使用した子要素の選択

CSS子コンビネータは、親要素のすべての子要素を選択するために使用されます。

CSS子コンビネータの構文は次のとおりです。 

セレクター>セレクター{属性：/*値*/}

CSS子孫コンビネータは、親要素のすべての子孫を選択するために使用されます

CSS子孫コンビネータの構文は次のとおりです 

セレクターセレクター{属性：/*値*/}

例

次の例は、CSSの子と子孫のコンビネータを示しています。

 <！DOCTYPE html>      
 
 
 Vivamus placerattincidunthendrerit。痛み自体は愛、主な記憶システムです。誰もが常に困っていて、80＆w =120 "/>
に行く方法は他にありません。

出力

これにより、次の結果が生成されます-

CSSを使用した子要素の選択

例

 <！DOCTYPE html>     

そして他に誰もいない



その痛みがあります痛みを愛するため、

 
 

強化するため、それ自体を取得します。記事> 

 
出力
 

 これにより、次の結果が生成されます-
 

 CSSを使用した子要素の選択  
 

            


            


                
            


            

                

                    
                           
                

                

                        
                    
                

             


             

                 
    
                    
 
  1. 
                         
                         
    
                             
                                 CSSでレスポンシブフローティング要素を作成するにはどうすればよいですか？ 
                             
                             
    
                               CSSを使用してレスポンシブフローティング要素を作成するためのコードは次のとおりです- 例 <!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Ver                             
    
                         
    
                     
    2. 
 
  2. 
                         
                         
    
                             
                                 CSSで兄弟要素を選択する 
                             
                             
    
                               最初のセレクターの直後にある要素を照合する場合は、隣接する兄弟セレクター（+）を使用します。ここでは、両方のセレクターが同じ親要素の子です。  CSS隣接兄弟コンビネータの構文は次のとおりです- Selector + Selector{
   attribute: /*value*/
}  2番目に選択した要素の位置に関係なく、同じ親の兄弟を選択する場合は、CSSの一般的な兄弟コンビネータを使用します。  CSSの一般的な兄弟コンビネータの構文は次のとおりです- Selector ~ Selector{
   attribute: /*value*/
}                             
    
                         
    
                     
    3.