旗下导航:搜·么
当前位置:网站首页 > html教程 > 正文

css类选择符用什么示意?【html5教程】,css,类选择符

作者:搜教程发布时间:2019-11-26分类:html教程浏览:68评论:0


导读:CSS类选择器类选择器许能够一种独立于文档元素的体式格局来指定款式。该选择器能够零丁运用,也能够与其他元素连系运用。提醒:只要适当地标记文档后,才运用这些选择器,所以运...

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网别的相干文章!

标签:css类选择符


欢迎 发表评论: