{"id":3891,"date":"2017-08-21T15:38:39","date_gmt":"2017-08-21T15:38:39","guid":{"rendered":"https:\/\/answers.gurussolutions.com\/answers\/how-to-apply-multiple-css-classes-to-an-html-element-in-netsuite-customizations-2\/"},"modified":"2026-07-28T18:26:13","modified_gmt":"2026-07-28T18:26:13","slug":"comment-appliquer-plusieurs-classes-css-a-un-element-html-dans-les-personnalisations-netsuite","status":"publish","type":"qa_entry","link":"https:\/\/answers.gurussolutions.com\/fr\/answers\/comment-appliquer-plusieurs-classes-css-a-un-element-html-dans-les-personnalisations-netsuite\/","title":{"rendered":"Comment appliquer plusieurs classes CSS \u00e0 un \u00e9l\u00e9ment HTML dans les personnalisations NetSuite"},"content":{"rendered":"","protected":false},"template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","ga_subtitle":"Les d\u00e9veloppeurs peuvent am\u00e9liorer la mise en forme des \u00e9l\u00e9ments HTML personnalis\u00e9s au sein de NetSuite en leur attribuant plusieurs classes CSS, ce qui permet d'obtenir des effets visuels combin\u00e9s.","ga_short_answer":"Pour appliquer plusieurs classes CSS \u00e0 un \u00e9l\u00e9ment HTML, indiquez chaque nom de classe s\u00e9par\u00e9 par un seul espace au sein de l\u2019attribut \u00ab class \u00bb. Cette m\u00e9thode permet \u00e0 un \u00e9l\u00e9ment d\u2019h\u00e9riter des styles de toutes les classes sp\u00e9cifi\u00e9es, en combinant leurs propri\u00e9t\u00e9s pour obtenir une pr\u00e9sentation visuelle plus riche. Cette technique est fondamentale pour une mise en forme flexible dans les personnalisations NetSuite.","ga_scenario":"Lorsqu\u2019ils personnalisent les interfaces NetSuite \u00e0 l\u2019aide du langage HTML, les d\u00e9veloppeurs doivent souvent appliquer diverses r\u00e8gles de mise en forme \u00e0 un m\u00eame \u00e9l\u00e9ment. La difficult\u00e9 r\u00e9side dans la combinaison efficace de plusieurs styles CSS distincts sans cr\u00e9er de d\u00e9finitions de classes redondantes ou trop complexes.","ga_solution":"Le principe fondamental pour appliquer plusieurs classes CSS \u00e0 un \u00e9l\u00e9ment HTML consiste \u00e0 \u00e9num\u00e9rer chaque nom de classe dans l\u2019attribut \u00ab class \u00bb, en les s\u00e9parant par un seul espace. Cette m\u00e9thode permet \u00e0 un \u00e9l\u00e9ment d\u2019h\u00e9riter des styles de toutes les classes sp\u00e9cifi\u00e9es.Prenons par exemple les d\u00e9finitions de classes CSS suivantes :\n\nGA_KEEP_0001GA_KEEP_0002\n\nPour appliquer ces deux styles \u00e0 un \u00e9l\u00e9ment div HTML, l\u2019attribut \u00ab class \u00bb serait structur\u00e9 comme suit :\n\n```\nhtml<div class=\"white toolbox\"><\/div>\n```\n\nDans cet exemple, les styles .white et .toolbox seront tous deux appliqu\u00e9s \u00e0 l\u2019\u00e9l\u00e9ment div, combinant ainsi leurs propri\u00e9t\u00e9s visuelles.","ga_source_author":"","ga_source_author_email":"","ga_date_original":"2017-08-21T11:38:39-04:00","ga_date_verified":"2026-07-05","ga_source_subject":"SOL0372 Class and CSS","ga_ans_id":"ANS-0232","ga_publish_decision":"publish","ga_staleness_risk":"high","ga_review_priority":"spot_check","ga_tier2_verdict":"still_accurate","ga_tier2_concerns":"","ga_final_category":"SuiteScript Development","footnotes":""},"ga_category":[108,23,108],"ga_audience":[10],"ga_difficulty":[93],"class_list":["post-3891","qa_entry","type-qa_entry","status-publish","hentry","ga_category-developpement-suitescript","ga_category-suitescript-development","ga_audience-developer-suitescript","ga_difficulty-debutant"],"taxonomy_info":{"ga_category":[{"value":108,"label":"D\u00e9veloppement SuiteScript"},{"value":23,"label":"SuiteScript Development"},{"value":108,"label":"D\u00e9veloppement SuiteScript"}],"ga_audience":[{"value":10,"label":"Developer\/SuiteScript"}],"ga_difficulty":[{"value":93,"label":"D\u00e9butant"}]},"featured_image_src_large":[],"author_info":[],"comment_info":"","_links":{"self":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/3891","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry"}],"about":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/types\/qa_entry"}],"version-history":[{"count":1,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/3891\/revisions"}],"predecessor-version":[{"id":5812,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/qa_entry\/3891\/revisions\/5812"}],"wp:attachment":[{"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/media?parent=3891"}],"wp:term":[{"taxonomy":"ga_category","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_category?post=3891"},{"taxonomy":"ga_audience","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_audience?post=3891"},{"taxonomy":"ga_difficulty","embeddable":true,"href":"https:\/\/answers.gurussolutions.com\/fr\/wp-json\/wp\/v2\/ga_difficulty?post=3891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}