多语言展示
当前在线:1883今日阅读:78今日分享:13

CSS属性选择器应用详解

本文主要讲解的是属性选择器,而在其中有一种根据部分属性值便可选择较为有用,所以小编再次做出相应的例子来帮助理解。
工具/原料
1

电脑

2

浏览器

方法/步骤
1

首先,我们先创建一个工程,然后建立一些环境,然后就可以根据变化来理解相应的属性了。

2

下面是浏览器对应的效果图,可以看出,第一句话应用了效果,而第二第三句话因为class不匹配,所以并未应用上效果。

3

那部分属性选择如何应用呢?首先,在样式的等号前面加上一个波浪线:~(键盘左上角)如图所示:

4

然后我们再更改下body中的内容,从而产生变量,易于理解,具体更改例子如图:

5

那么,产生了怎样的变化呢?如图所示,第二句话也变为了红色,第3,4句话仍然是黑色。因此我们便可很好的理解:只要名字中有部分可以匹配上,那么属性效果也将得到应用。

推荐信息