首页 >

css类和后代选择器实践,四路选择器功能表 – CSS – 前端,多个css文件加载顺序

css 固定,vite全局css,css 图片不压缩,css盒子垂直居中对齐,css 语言 透明度,css当鼠标滑过图片放大,多个css文件加载顺序css类和后代选择器实践,四路选择器功能表 - CSS - 前端,多个css文件加载顺序

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。

HTML页面中的元素就是通过CSS选择器进行控制的。

1.1 类别选择器

类选择器根据类名来选择

前面以”.”来标志,如:

.demoDiv{

color:#FF0000;

}

在HTML中,元素可以定义一个class的属性。

如:

<div class="demoDiv">

这个区域字体颜色为红色

</div>

同时,大家可以再定义一个元素:

<p class="demoDiv">

这个段落字体颜色为红色

</p>

最后,用浏览器浏览,大家可以发现所有class为demoDiv的元素都应用了这个样式。包括了页面中的div元素和p元素。

上例大家给两个元素都定义了class,但如果有很多个元素都会应用这个元素,那得一个个的定义元素,就会造成页面重复的代码太多,这种现象称为“多类症”。

大家可以改成这样来定义。

<div class="demoDiv">

<div>

这个区域字体颜色为红色

</div>

同时,大家可以再定义一个元素:

<p>

这个段落字体颜色为红色

</p>

</div>

这样,大家就只是定义了一个类,同时把样式应用到了所有的元素当中。

1.2 标签选择器

一个完整的HTML页面是有很多不同的标签组成,而标签选择器,则是决定哪些标签

采用相应的CSS样式,(在大环境中你可能出于不同的位置,但是不管怎么样,你总

是穿着同一套衣服,这件衣服就是由标签选择器事先给你限定好的,不管走到哪里

都是这身衣服)比如,在style.css文件中对p标签样式的声明如下:

p{

font-size:12px;

background:#900;

color:090;

}

复制代码则页面中所有p标签的背景都是#900(红色),文字大小均是12px,颜色为#090(绿色)

,这在后期维护中,如果想改变整个网站中p标签背景的颜色,只需要修改

background属性就可以了,就这么容易!

1.3 ID选择器

根据元素ID来选择元素,具有唯一性。

前面以”#”号来标志,在样式里面可以这样定义:

#demoDiv{

color:#FF0000;

}

这里代表id为demoDiv的元素的设置它的字体颜色为红色。

大家在页面上定义一个元素把它的ID定义为demoDiv,如:

<div id="demoDiv">

这个区域字体颜色为红色

</div>

用浏览器浏览,大家可以看到因为区域内的颜色变成了红色

再定义一个区域

<div>

这个区域没有定义颜色

</div>

用浏览器浏览,与预期的一样,区域没有应用样式,所以区域中的字体颜色还是默认的颜色黑色。

1.4 后代选择器

后代选择器也称为包含选择器,用来选择特定元素或元素组的后代,后代选择器用两个常用选择器,中间加一个空格表示。其中前面的常用选择器选择父元素,后面的常用选择器选择子元素,样式最终会应用于子元素中。

如:

<style>

.father.child{

color:#0000CC;

}

</style>

<p class="father">

黑色

<label class="child">蓝色

<b>也是蓝色</b>

</label>

</p>

这里大家定义了所有class属性为father的元素下面的class属性为child的颜色为蓝色。

后代选择器是一种很有用的选择器,使用后代选择器可以更加精确的定位元素。

分享一下你喜欢的书吧?

偶喜欢的书中有《西游记》。

最开始接触《西游记》,是在收音机里听的长篇快板,当时是把《西游记》当做神话故事来听的,第一次看《西游记》,也是当做神话故事来看的。

大家都知道《西游记》在中国文学史上,历来被称为小说,而且与《水浒传》、《三国演义》一样,被列为明代三大长篇小说之一。但是偶相信有很大一部分朋友在开始的时候都是把《西游记》当做了神话故事。

而且,如果有机会阅读英国的《大英百科全书》,大家会发现一个新奇的现象:《西游记》不是被称为小说,而是被称为童话,而且是世界上最长的一部古典童话。

童话这个名称,在偶国是本世纪初才从国外引进来的,而且不同的历史时期有不同的涵义。例如五四时期,童话是指讲给儿童听的包括历史故事、生活故事在内的一切故事。在当今世界,它通常是指那些切近儿童心理的、幻想性特强的叙事文学作品。如果拿今天这样的标准和尺度再回过头去看偶国古代的文学作品,那么大家就会发现,虽然偶国古代没有童话这个名称,但实际上称得上童话的作品是不少的。

例如魏晋南北朝的志怪小说中,有一些实际上是童话;唐宋传奇、明清笔记小说中,有的也是童话。即使是被后人称为古典短篇小说之王的清代蒲松龄的《聊斋志异》中,《促织》、《崂山道士》等等很多为人们熟知的名篇,实际上也都是出色的童话。

同样,《西游记》这一部被大家习惯称为古代杰出的长篇小说,如果用童话的特征去衡量,大家也会发现,除了其中一孩子们比较难懂的诗词外,故事本身幻想性极强,有强烈的趣味性,人物形象塑造鲜明突出,而且粗线条化,能切近儿童心理,确实也可以说是一部出色的长篇童话,而且是世界上最长的一部古典童话。

说《西游记》是一部长篇童话,其实还可以从孩子们的阅读兴趣中得一个旁证。童话从来是儿童的天使,世界上没有一个国家、地域的儿童是不喜欢童话的。正因为如此,《安徙生童话》、《格林童话》才被翻译为数十种语言,在全世界世世代代的儿童中流传不衰,永葆青春。而《西游记》在偶国和世界其他各国孩子的心中,也确实差不多有上述那童话名著的地位。如果拿它与《水浒传》、《三国演义》和《红楼梦》这些著名的古典长篇小说相比,那么,最受小读者喜欢的一定是《西游记》。因此,根据它的内容改编的《大闹天宫》、《猪八戒吃西瓜》等美术电影都在偶国儿童中风靡一时。

由此可见,《大英百科全书》把《西游记》列为世界上最长的一部古典童话,是很有道理的,而大家许多朋友在开始接触《西游记》时当做神话故事来看待也是有同样的道理。

LEE的视野 专注于从浩瀚的历史海洋里拾起一颗颗璀璨的珍珠,丰富头脑、大开眼界、陶冶情操,进而透过纷繁绚烂的人文史话,看尽世间的滚滚红尘。

css复合选择器有哪三种?

1、元素选择器 标签名{ }

2、id选择器 #id属性值{ }

3、类选择器 .class属性值{ }

4、选择器分组(并集选择器)

作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)

语法:选择器1,选择器2,选择器n{ }

5、复合选择器(交集选择器)

作用:选择更准确更精细的目标元素并为其设置属性

语法:选择器1选择器2选择器n{ }

!注意选择器之间不能有空格,要紧挨在一起

6、通配选择器

作用:用来选中页面中所有的元素

语法:*{ }

7、后代元素选择器

作用:选中指定元素的指定后代元素

语法:祖先元素 后代元素{ }

8、子元素选择器

作用:选中指定父元素的子元素

语法:父元素>子元素

9、伪类选择器

伪类表示元素的一种特殊状态

:hover 移入时元素的状态

:visited 已被访问过后的元素的状态

:active 被点击时元素的状态

10、 属性选择器

作用:根据元素中的属性或属性值来选取指定元素

语法:[属性名]选取含有指定属性的元素

? [属性名=“属性值”]选取含指定属性值的元素

? [属性名^="属性值"] 选取属性值以指定内容开头的元素

? [属性名$="属性值"] 选取属性值以指定内容结尾的元素

? [属性名*="属性值"] 选取属性值包含指定内容的元素

11、兄弟元素选择器

+选择器

作用:选中一个元素后紧挨着的指定的兄弟元素

语法:前一个+后一个(作用在后一个)

~选择器

作用:选中后边所有的制定兄弟元素

语法:前一个~后边所有

有哪些古风耽美小说值得推荐?

1.《十年》 作者:暗夜流光 耽美文的中流砥柱,独具特色的描写对耽美文的发展做出了重要贡献!

简介:密密的心绪疯长成深蓝色的森林,在其中徘徊来去的只有偶。除了忍耐,还是忍耐,偶看到自己的心,在黑夜里孤独的盛开、腐朽和颓败。耗尽整个青春,偶一直在问什么是爱,即使在十年后的现在,偶仍然弄不明白。大家还活着,你还在偶旁边,还可以触摸,还可以依偎,这不是生活的全部,却让大家沉溺得永不超生。又何必再问,偶和你都没有说过的那个字,冷与暖从此只由身体感知。

2.《天神右翼》 作者:天籁纸鸢 耽美文中的经典之作!06年发表后,在晋江文学城获得点击过1200万、评论过20万、长评过450个!拥有巨大人气!

简介:以基督教的圣经与创世纪神话为蓝本、路西法叛变堕天为主线,描写了大天使长米迦勒与傲慢魔王路西法的爱恋,同时穿插了父神与子嗣天使众多创世纪神话角色的故事。

3.《凤于九天》 作者:风弄 耽美文中的另一经典之作!情节巧妙,文风唯美,字里行间耐人寻味!

语句:.媚姬轻摇首,“他这样紧紧的抱住偶,只是因为他太害怕。虽然他什么也没说,但是偶可以感到他的肩膀和手在不住颤抖。即使在他重伤即将毙命的那一刻,他也没有这样脆弱过。他就这样抱着偶,抱了很久,最后,终于问了偶一句话。”

4.《庸君》 作者:公子欢喜 古典耽美的经典之作!细腻的笔锋,唯美的语句,古典意味十足!

书评:庸君,仍是平凡的故事,平凡的君王,好命的君王..连带爱情,也是那样的平淡..修得几度同舟涟漪荡漾,宁熙烨,陆恒修,恰是修了好几世的RP呢..

5.《怎见浮生不若梦》作者:seeter水天 当年耽美界红文之首,盛况空前。开一代“浮生若梦”系耽美文先河!男主角迫受读者喜爱!

评价:古有海伦倾国,今有浮生乱世。——浅浅寂寞

6.《千山看斜阳》作者:满座衣冠胜雪 写作手法细腻,感情丰富,耽美文中的经典!

简介:他曾是现代的特种部队司令官,为一代名将,却被敌人暗算,收买了他的副官,将他引入埋伏。他宁死不降,将自己炸得粉身碎骨。刚烈的气势令他直接去到了古代,却进入了一个武生的身体中,从此开始了另一段惨烈而又豪气的人生……西风烈,长空雁叫霜晨月。霜晨月,马蹄声碎,喇叭声咽。雄关漫道真如铁,而今迈步从头越。从头越,苍山如海,残阳如血。

7.《重生之名流巨星》 作者:青罗扇子 小说里有很多吸引人的故事,文风具有人文主义风格,被誉为明星励志重生小说里程碑。

简介:今生今世,何其有幸,得以遇见你。从人气新人到事业低谷,从角逐影帝到被冷藏封杀,是逢场作戏还是戏假情真?是携手共进还是互相利用?他到底能否实现自己的梦想?然,人生得一人,能共进退同风雨,却已足矣。

8.《唇诺》 作者:冠盖满京华 被网友评为最扣人心弦,最刻骨铭心的男人故事!

描写了上世纪七十年代两个男孩的爱情,从高中到大学,他们互相爱护过伤害过最后终于走到了一起,青涩的少年,纯洁的情感,干净的故事。

9.《如意蛋》 作者:大风刮过 文笔细腻,幽默风趣,构思巧妙!

简介:偶然之下,碧华灵君得到一颗由如意玉所化成的蛋,称做如意蛋,号称能令持有者心想事成,想孵出什么就能孵出什么!全天界都知道碧华灵君不爱鸟禽类的灵兽,但谁也没想到他会孵出一只毫不起眼的灵虎。若只是只不起眼的灵虎也罢,可为何这只灵虎东蹭蹭西凑凑,总爱招惹府中其他灵兽?莫非如意蛋孵出来的灵兽连喜好都会被孵化者影响?但、但但……碧华灵君怎么也没想过,他孵化的如意蛋,会是那种东西啊……

10.《目标系列》作者:米洛 连载十年,是强强文的经典之作!

这篇小说讲了立场对立的两个人逐渐步入婚姻殿堂的故事。一个是华裔国际刑警,一个是走私军火的奥地利公爵,两个人在较量中逐渐被对方吸引。只因为是你,偶便义无返顾。


css类和后代选择器实践,四路选择器功能表 - CSS - 前端,多个css文件加载顺序
  • 有什么好玩的游戏 - CSS - 前端,css相邻div高度相同
  • 有什么好玩的游戏 - CSS - 前端,css相邻div高度相同 | 有什么好玩的游戏 - CSS - 前端,css相邻div高度相同 ...

    css类和后代选择器实践,四路选择器功能表 - CSS - 前端,多个css文件加载顺序
  • html怎样使导航栏悬浮右上角 - CSS - 前端,css的哆啦a梦代码
  • html怎样使导航栏悬浮右上角 - CSS - 前端,css的哆啦a梦代码 | html怎样使导航栏悬浮右上角 - CSS - 前端,css的哆啦a梦代码 ...

    css类和后代选择器实践,四路选择器功能表 - CSS - 前端,多个css文件加载顺序
  • 火狐浏览器怎么下到苹果电脑上 - CSS - 前端,css 页面旋转90
  • 火狐浏览器怎么下到苹果电脑上 - CSS - 前端,css 页面旋转90 | 火狐浏览器怎么下到苹果电脑上 - CSS - 前端,css 页面旋转90 ...