JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div id="divMenu">
    <div id="container-1045" class="x-container x-container-default" role="presentation">
        <div id="Menu-1028" class="x-container x-container-default" role="presentation">
            <div id="container-1029" class="x-container x-container-default" role="presentation">
                <div id="categoryPanel_1" class="x-panel x-panel-default x-collapsed x-panel-collapsed x-panel-default-collapsed" role="presentation" aria-labelledby="component-1040" style="width: 160px; height: 44px;">
                    <div id="header-1039" class="x-panel-header x-panel-header-default x-horizontal x-panel-header-horizontal x-panel-header-default-horizontal x-top x-panel-header-top x-panel-header-default-top x-unselectable x-docked x-docked-top x-panel-header-docked-top x-panel-header-default-docked-top x-collapsed x-panel-header-collapsed x-panel-header-default-collapsed x-collapsed-top x-panel-header-collapsed-top x-panel-header-default-collapsed-top x-docked-noborder-top x-docked-noborder-right x-docked-noborder-left" role="presentation" style="width: 178px; left: 0px; top: 0px;">
                        <div id="header-1039-body" class="x-panel-header-body x-box-layout-ct x-panel-header-body-default x-panel-header-body-horizontal x-panel-header-body-default-horizontal x-panel-header-body-top x-panel-header-body-default-top">
                            <div class="x-box-inner" role="presentation" id="ext-gen1318" style="width: 169px; height: 24px;">
                                <div id="component-1040" class="x-component x-panel-header-text-container x-box-item x-component-default" role="heading" style="margin: 0px; width: 147px; height: 15px; left: 0px; top: 5px;"><span id="component-1040-textEl" class="x-panel-header-text x-panel-header-text-default"><div class="" id="ext-gen1360">Menu</div></span>
                                </div>
                                <div id="tool-1038" class="x-tool x-box-item x-tool-default" role="button"...

CSS

#divMenu div[id^='categoryPanel_'] {
    width:200px;
    height:30px;
    background:red;
    margin-bottom:20px;
}
#divMenu div[id^='categoryPanel_']:last-child {
    background:yellow;
}
/* why it not works*/