css中两个不同的类名(class)怎么同时选择?

html-css07

css中两个不同的类名(class)怎么同时选择?,第1张

可以用逗号隔开多个类名。

css当中需要对多个类或多个元素等使用相同的样式,都可以在每个选择器后面使用逗号分隔,其他部分的写法是相同的。

例如:.aa,.bb{color:blue}。

class选择器:用于描述一组元素的样式,html元素通过class属性来设置class选择器,可以用于多个html元素,一个元素也可以有多个class选择器。以“.”来定义。

.class是指的“.”后面跟class的名字,比如<div class="info">要对class属性中包含info的元素样式进行改动就使用

.info{

    font-size:14px

    background-color:#000

}

来进行改动。

红线处所标记的语句是多元素的组合选择器中的毗邻元素选择器(E+F),是匹配所有紧随E元素之后的同级元素F。

progress不是选择器是一个html5中的标签样式,是用来定义运行中的进度(进程)的。

active是当被选中元素被点击(按下状态)时的状态,比如要给p元素增加点击状态下的样式就使用:

p:active{

    color:blue

}

使用方法是:active。使用 :link 选择器对指向未被访问页面的链接设置样式,:visited 用于设置指向已访问页面的链接的样式,:hover 选择器用于设置鼠标指针浮动到链接上时的样式。

CSS 指定某一标签的class,首先我们需要在这个元素中给定一个class,然后在css文件中,我们才能去调用,然后去编写这个class的一些css样式,如font,width、height的属性,具体看代码:

<html>

<head>

<style>

.div1{

width:600px

height:200px

font-size:13px

}

</head>

<body>

<div class='div1'>

<p>我是测试文字</p>

</div>

</body>

</html>

这样就实现了CSS 指定某一标签的class。