Por su puesto.
.regla es un selector para a una clase del HTML (que puede ir en una o más etiquetas), por ejemplo:
<div class="regla">... <span class="regla">... <form class="">... etc.
#regla es un selector para una identificación del HTML (que puede ir en una sola etiqueta), por ejemplo:
<div id="regla">...
Ahora,
div.regla vale solo para las clases que se encuentren en etiquetas <div> del HTML y ninguna otra. No funciona en <span>, <form>, <table> ni nada, solo <div>.
Saludos.