I wanted to style specific modules in specific panels/rows/cols etc in the splunk UI. There's an easy way to do this if you know the panelLayout for your app, it looks like this.

.splView-interface_eth7 .panel_row1_col .GenericHeader {
clear: right;
float: left;
}</pre>
In your advanced views, you're able to specify the panelLayout for your elements, such as this
</pre>
These panel layout values also become classes of elements in the HTML markup that Splunk serves out. You can see this via firebug. For example,
</div>
</div>
</div>
</div>
</div></pre>
Notice that my panel_row1_col1</strong> has been turned into the class panel_row1_col</strong>. Also, notice that one of the custom modules I am using, AutoRefresh, has also been added to the list of classes for the element it creates (this is a custom module, but the same applies for standard modules).

So knowing this, you're able to add styles to appserver/static/application.css</strong> that override only those modules in those panels, even going so far as to only do it for those specific views.

A quick aside on that, your view name is added as a class of the </strong> tag.

For example, my view, which is called interface_eth7</strong>, and is contained in the XML file default/data/ui/views/interface_eth7.xml</strong> is added in the HTML markup as

<body class="splTemplate-dashboard splView-interface_eth7" ...></pre>
Note on one of the modules, the NullModule. This can be used, as splunk explains, as a placeholder. However, it is styled as "display: none;"</strong>. As such, if you want to "use" it for something (like clearing floats) you will have to override its display CSS and</strong> make the display !important</strong>. Like this
.splView-interface_eth7 .panel_row1_col .NullModule {
display: block !important;
}</pre>