css兄弟元素样式，js兄弟元素

css:hover状态改变另一个元素样式的使用

1、在CSS中hover用于选择鼠标指针浮动在上面的元素。当鼠标悬停在元素上时，可以通过更改元素的样式来提供反馈或交互。hover伪类可以应用于大多数HTML元素，包括链接、按钮、图像、表单元素和文本等。

2、a：hover表示当鼠标选定在a标签上时a标签的样式变化。这是css中伪类的使用格式。伪类（Pseudo classes）是选择符的螺栓，用来指定一个或者与其相关的选择符的状态。

3、focus，alink，hover，active都是伪类 ：active 向被激活的元素添加样式。：focus 向拥有键盘输入焦点的元素添加样式。：hover 当鼠标悬浮在元素上方时，向元素添加样式。：link 向未被访问的链接添加样式。

4、当鼠标悬浮时，通常使用伪元素：hover 来修改样式，如何在鼠标悬浮时修改html内容？：hover 是无法修改html 内容，但是可以通过一系列的样式变化，达到当鼠标悬浮时，改变html内容。用JS可以通过innerHtml来修改，在此不介绍。

5、接着在css标签内，通过class设置表格的样式，定义它的宽度为300px，高度为200px。在css标签内，通过td元素名称和“：hover”选择器定义当鼠标指向单元格时，改变单元格的背景颜色，设置为红色。

二、CSS之——选择器

类选择器：通过类名来选取元素，使用 . 符号来定义，例如 .my-class 表示所有具有 my-class 类名的元素。

css3选择器如下：通配符选择器（*）通配符选择器是用来选择所有元素，也可以选择某个元素下的所有元素。元素选择器（E）元素选择器，是css选择器中最常见而且最基本的选择器。

子选择器( EF )是选择 E 元素的所有子后代 F 元素，注意 F 元素仅仅是 E 元素的子元素而已。

css除了一般的选择器之外，还有哪些属性选择器呢 E[att]：元素[属性]：选择具有att属性的E元素。E[att=val]：元素[属性=属性值]：选择具有att属性且属性值为val的E元素。

子元素选择器中选择子元素，不包括孙级及以下元素。用于选择紧挨着的同级兄弟元素。用于选择后面的所有指定的兄弟元素或者所有元素。

CSS第n个孩子元素写法

1、nth-child(n) 父元素下的第n个子元素，n必须大于0，索引都是从1开始。

2、：not(：first-child)：其中，E：not(s)表示匹配所有不匹配简单选择符s的元素E，E：first-child匹配同级兄弟元素中的第一个E元素。

3、first-child first-child表示选择列表中的第一个标签。代码如下：li：first-child{background：#090} 上面的意思是，li 列表中的 第一个li模块的背景颜色。

4、li：nth-child(3n){ background：#ff0000；} CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

css兄弟元素样式的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js兄弟元素、css兄弟元素样式的信息别忘了在本站进行查找喔。