HTML5 & CSS3

CSS Atribut Seçiciləri

30.10.2022 1 dəq oxuma Yeniləndi: 30.10.2022
/*
[attribute="value"] - // attributenın dəyəri dəqiqliklə value olanları tapır 
                        example :   a[class="value"] {
                                        background-color: yellow;
                                    }

[attribute~="value"] - // attributenın dəyərinin içərisində value olanları tapır
                        example :   a[target~="value rahim"] {
                                        background-color: yellow;
                                    }
                                    a[target~="rahim value"] {
                                        background-color: yellow;
                                    }

[attribute|="value"] - // attributenın dəyərinin içərisində value-something olanları tapır
                        example :   a[target|="value-rahim"] {
                                        background-color: yellow;
                                    }     

[attribute^="value"] - // attributenın dəyəri value ilə başlayanları tapır
                        example :   a[target^="value-rahim"] {
                                        background-color: yellow;
                                    }   
                                    a[target^="valuerahim"] {
                                        background-color: yellow;
                                    }     
                                    
[attribute$="value"] - // attributenın dəyəri value ilə bitənləri tapır
                        example :   a[target$="rahim-value"] {
                                        background-color: yellow;
                                    }                                       
                                    a[target$="rahimvalue"] {
                                        background-color: yellow;
                                    } 

[attribute*="value"] - // attributenın dəyərində yerləşmə pozisiyasından asılı olmadan value dəyəri işələnənləri tapır
                        example :   a[target*="rahim-value"] {
                                        background-color: yellow;
                                    }                                       
                                    a[target*="rahimvalue"] {
                                        background-color: yellow;
                                    }  
                                    a[target*="rahimvaluerahim"] {
                                        background-color: yellow;
                                    }   
                                    a[target*="value"] {
                                        background-color: yellow;
                                    }   
                                    
*/                                    
Digər dildə: EN