CSS类选择器
类选择器许能够一种独立于文档元素的体式格局来指定款式。该选择器能够零丁运用,也能够与其他元素连系运用。
提醒:只要适当地标记文档后,才运用这些选择器,所以运用这两种选择器一般须要先做一些设想和设想。
要运用款式而不斟酌细致设想的元素,最经常使用的要领就是运用类选择器。
在 CSS 中,类选择符以一个点号显现,例:
.center {text-align: center}
在上面的例子中,一切具有 center 类的 HTML 元素均为居中。
鄙人面的 HTML 代码中,h1 和 p 元素都有 center 类。这意味着二者都将恪守 ".center" 选择器中的划定规矩。
<h1 class="center"> This heading will be center-aligned </h1> <p class="center"> This paragraph will also be center-aligned. </p>
注重:类名的第一个字符不能运用数字!它没法在 Mozilla 或 Firefox 中起作用。
连系其他选择器
类选择器能够连系其他选择器来运用,比如说:元素选择器。
比方,您能够愿望只要段落显现为赤色文本:
p.center{color:red;}
选择器如今会婚配 class 属性包括center的一切 p 元素,然则其他任何范例的元素都不婚配,不管是不是有此 class 属性。选择器 p.center 解释为:“其 class 属性值为 center 的一切段落”。 由于 h1 元素不是段落,这个划定规矩的选择器与之不婚配,因而 h1 元素不会变成赤色文本。
假如你确切愿望为 h1 元素指定差别的款式,能够运用选择器 h1.center:
p.center {color:red;} h1.center {color:blue;}
以上就是css类选择符用什么示意?的细致内容,更多请关注ki4网别的相干文章!