[[["わかりやすい","easyToUnderstand","thumb-up"],["問題の解決に役立った","solvedMyProblem","thumb-up"],["その他","otherUp","thumb-up"]],[["わかりにくい","hardToUnderstand","thumb-down"],["情報またはサンプルコードが不正確","incorrectInformationOrSampleCode","thumb-down"],["必要な情報 / サンプルがない","missingTheInformationSamplesINeed","thumb-down"],["翻訳に関する問題","translationIssue","thumb-down"],["その他","otherDown","thumb-down"]],["最終更新日 2025-04-21 UTC。"],[],[],null,["# Spotlights\n\nThis page lists directives related to spotlights.\n\nSpotlight pointers\n------------------\n\n \u003cwalkthrough-spotlight-pointer spotlightId=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eSPOTLIGHT_ID\u003c/var\u003e\"\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eLINK_TEXT\u003c/var\u003e\u003c/walkthrough-spotlight-pointer\u003e\n\n \u003cwalkthrough-spotlight-pointer cssSelector=\"\u003cvar class=\"readonly\" translate=\"no\"\u003eCSS_SELECTOR\u003c/var\u003e\"\u003e\u003cvar class=\"readonly\" translate=\"no\"\u003eLINK_TEXT\u003c/var\u003e\u003c/walkthrough-spotlight-pointer\u003e\n\nCreates a link that highlights the specified UI element in\nGoogle Cloud console when clicked.\n\nYou can spotlight an element on the page in one of two ways:\n\nSpotlight/instrumentation ID\n: Using the `spotlightId` parameter, specify a DOM element's\n `instrumentation-id` or\n `spotlight-id` property value to select the element.\n\nCSS selector\n: For elements without a spotlight\n or instrumentation\n ID, use the `cssSelector` parameter with a CSS selector to select the element.\n\nOnly one of these parameters is required. If both are provided, `spotlightId`\nis used.\n\nMultiple elements can be selected using a comma as a delimiter. All matching\nelements are highlighted, with the first focused and scrolled into view.\n\nFor spotlights in Cloud Shell Editor, refer to\n[Cloud Shell Editor spotlights](/shell/docs/cloud-shell-tutorials/directives-cloud-shell-editor#spotlight_pointers).\n\n### Parameters\n\nHere's a list of spotlight/instrumentation IDs you can use:"]]
